/* Visible, comfortably sized actions across all Kizzyism palettes. */
.experience-tools{gap:12px!important; padding:14px; border:1px solid var(--line);border-radius:16px;background:var(--nav);margin-bottom:24px!important}
.experience-tools .textbtn,.study .textbtn,.start-actions .textbtn,.daily-feature .textbtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid var(--accent);border-radius:10px;background:var(--soft);color:var(--ink);font-size:16px;line-height:1.35;font-weight:600;text-decoration:none;box-shadow:0 2px 0 #0002;white-space:normal;text-align:center}
.experience-tools .textbtn:hover,.study .textbtn:hover,.start-actions .textbtn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.experience-tools .textbtn:active,.study .textbtn:active{transform:translateY(1px);box-shadow:none}
[data-theme="0"] .experience-tools{background:#30262b;border-color:#e6c49277}
[data-theme="0"] .experience-tools .textbtn,[data-theme="0"] .study .textbtn,[data-theme="0"] .start-actions .textbtn,[data-theme="0"] .daily-feature .textbtn{background:#e6c492;color:#291e20;border-color:#f5dfb9}
.experience-tools button[data-screen="today"]{font-weight:700}
.reminder-actions{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}
.reminder-actions .primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;font-size:17px;padding:14px 20px;text-decoration:none;border-radius:10px}
.reminder-actions [aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.experience-tools button:focus-visible,.study button:focus-visible,.reminder-actions a:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--accent);outline-offset:2px}
@media(max-width:600px){.experience-tools{display:grid!important;grid-template-columns:1fr 1fr;padding:10px;gap:10px!important}.experience-tools .textbtn{font-size:16px;min-height:52px;padding:10px}.reminder-actions{flex-direction:column}.reminder-actions>*{width:100%}}

/* Keep navigation in distinct rows, with room for long labels and focus rings. */
.experience-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;padding:18px;align-items:stretch}
.experience-tools .textbtn{display:flex!important;width:100%;min-width:0;max-width:100%;min-height:56px;padding:14px 18px!important;border-radius:12px;line-height:1.5;overflow-wrap:anywhere;margin:0!important;box-shadow:none}
.start-actions,.reminder-actions{gap:16px!important;align-items:stretch}
.start-actions>*,.reminder-actions>*{max-width:100%;min-width:0;white-space:normal;line-height:1.5}
.study p:has(>button),.study p:has(>a.primary){display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}
.study p>button,.study p>a.primary{min-height:52px;max-width:100%;line-height:1.5;white-space:normal;margin:0;display:inline-flex;align-items:center;justify-content:center}
.journey-tabs{display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:6px 0!important}
.journey-tabs .pill{min-height:48px;position:relative;margin:0!important}
@media(max-width:600px){.experience-tools{grid-template-columns:minmax(0,1fr)!important;padding:16px;gap:14px!important}.experience-tools .textbtn{min-height:54px;font-size:17px!important}.start-actions{flex-direction:column}.start-actions>*,.study p>button,.study p>a.primary{width:100%}.reminder-actions>*{box-sizing:border-box}}

/* Daily study actions need an explicit gap, including when their labels wrap. */
.daily-feature-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;margin:24px 0 14px}
.daily-feature-actions>button{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;min-height:52px;margin:0;padding:14px 20px;font-size:16px;line-height:1.5;white-space:normal;text-align:center;overflow-wrap:anywhere;border-radius:10px}
@media(max-width:600px){.daily-feature-actions{flex-direction:column}.daily-feature-actions>button{width:100%}}

/* Shared polish for Faith, journeys, journal, and account actions. */
main{padding-bottom:calc(160px + env(safe-area-inset-bottom))!important}
.study>.primary,.study>.textbtn,.study>a.primary{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:48px;max-width:100%;padding:12px 18px;margin:8px 12px 8px 0;border-radius:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center}
.experience-tools .textbtn,.study .textbtn,.start-actions .textbtn,.daily-feature .textbtn{background:var(--nav);color:var(--ink);border:1px solid var(--accent);box-shadow:none;border-radius:12px}
[data-theme="0"] .experience-tools .textbtn,[data-theme="0"] .study .textbtn,[data-theme="0"] .start-actions .textbtn,[data-theme="0"] .daily-feature .textbtn{background:var(--nav);color:var(--ink);border-color:var(--accent)}
.start-actions>.primary,.daily-feature-actions>.primary{border-radius:12px}
.journey-tabs,.reset-options{display:flex;flex-wrap:wrap;gap:16px!important}
.journey-tabs>button,.reset-options>button{margin:0!important;min-height:48px;white-space:normal;max-width:100%}
.study button:focus-visible,.experience-tools button:focus-visible{outline:3px solid var(--accent);outline-offset:4px;box-shadow:none}
@media(max-width:600px){.study>.primary,.study>.textbtn,.study>a.primary{display:flex;width:100%;margin:12px 0}.journey-tabs>button{flex:1 1 120px}.reset-options{flex-direction:column}.reset-options>button{width:100%}.daily-feature-actions>.textbtn,.start-actions>.textbtn{width:100%}}

/* Study help follows the reader's reflection and save actions. */
.study-companion{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.study-companion h3{margin-top:0}
.study-companion .actions{display:flex;flex-wrap:wrap;gap:12px}
.study-companion .actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 18px;border-radius:12px;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.study-companion .actions{flex-direction:column}.study-companion .actions>a{width:100%}}

/* Signature pink trim for clickable controls and their surrounding cards. */
:root[data-theme="0"]{--control-trim:#f48db6}
:root[data-theme="0"] :is(.textbtn,.primary,.icon,.style-button,.avatar,.journey-tabs .pill,.reset-options button){border:1px solid var(--control-trim)}
:root[data-theme="0"] :is(.experience-tools,.panel,.study,.quote){border-color:var(--control-trim)}
:root[data-theme="0"] .quote:before{border-color:color-mix(in srgb,var(--control-trim) 55%,transparent)}
:root[data-theme="0"] .swatch.active{outline-color:var(--control-trim)}
:root[data-theme="0"] :is(button,a):focus-visible{outline-color:var(--control-trim)}

#chapterReader > #closeChapter + h2{margin-top:24px;margin-bottom:14px}
#chapterText p + p{margin-top:12px}