/* Forgotten Fortunes Emerald Edition v3.6.1: restrained visual polish, no state or consent changes. */
:root { --ff-gold-soft: #d5b46a; --ff-emerald-deep: #081712; }

/* Article content stays quiet and legible: ornamental artwork is an edge treatment. */
.single-post .ff-reading-surface.ff-paper-section {
 background:linear-gradient(90deg,#071b15f1 0%,#0b241cfa 14%,#10291f 25%,#10291f 77%,#0b241cfa 87%,#071b15ef 100%),url('./images/ff-marble-reading.webp') center top/cover fixed #10291f;
}
.single-post .ff-article-intro,
.ff-single .ff-article-intro {
 background:linear-gradient(110deg,#0b241cfc 6%,#0b241cde 70%,#0b241cca),url('./images/ff-marble-reading.webp') right center/cover no-repeat #0b241c;
 border:1px solid #d5b46a35;border-top:2px solid #b99957;
}
.single-post .ff-toc {
 background:linear-gradient(115deg,#0b241cf6,#10291fec 64%,#10291fe6),url('./images/ff-marble-chapters.webp') center/cover no-repeat #10291f;
 border-color:#b9985c88;box-shadow:inset 0 0 0 3px #d5b46a0c;
}
/* The open navigation drawer is readable with artwork concentrated on its outer edges. */
.ff-header .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open {
 background:linear-gradient(90deg,#061910f2,#071c15ea 75%,#061910d2),url('./images/ff-marble-menu.webp') center top/cover no-repeat #081712!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {position:relative;z-index:1}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {text-shadow:0 1px 2px #000a}
/* Desktop archives also get subtle archival sculpture framing, without making cards translucent. */
@media(min-width:783px) {
 .ff-category-rail {background:linear-gradient(110deg,#10291fed,#10291ff7 45%,#10291fe8),url('./images/ff-marble-reading.webp') right top/auto 640px no-repeat;border:1px solid #d5b46a22;padding:18px}
 .ff-single .ff-longform-grid>.ff-article-main {background:#10291f;}
}
/* Compact modal and reader-shelf hierarchy on every screen size. */
.ff-reader-dialog.ff-library-dialog {width:min(620px,calc(100vw - 24px));padding:20px 22px;max-height:min(82dvh,820px);overflow-y:auto;border:1px solid #b9995780;border-radius:8px;box-shadow:0 18px 65px #0009;}
.ff-library-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #d5b46a35}
.ff-library-heading h2,.ff-reader-dialog.ff-library-dialog h2 {margin:0;font:clamp(25px,4vw,32px)/1.18 Georgia,serif;color:#f1ebdd}
.ff-library-heading form {margin:0;flex:none}
.ff-reader-dialog .ff-library-heading .ff-dialog-close {font:13px/1.3 system-ui,sans-serif;color:#d5b46a;min-height:44px;min-width:60px;padding:6px 8px;margin:0}
.ff-reader-dialog .ff-library-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 8px}
.ff-reader-dialog .ff-library-tabs button {padding:10px 5px;min-width:0;min-height:44px;font:500 12px/1.2 system-ui,sans-serif;text-align:center;border-radius:3px}
.ff-library-list {min-height:60px}
.ff-library-dialog .ff-shelf-row {display:flex;align-items:flex-start;gap:11px;padding:12px 0}
.ff-library-dialog .ff-shelf-row img {width:68px;height:57px;object-fit:cover;border-radius:3px;flex:none}
.ff-library-dialog .ff-shelf-copy {gap:5px;min-width:0}
.ff-library-dialog .ff-shelf-copy>a:first-child {font:17px/1.25 Georgia,serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#f1ebdd}
.ff-library-dialog .ff-shelf-copy small {font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ff-library-dialog .ff-shelf-copy progress {height:4px}
.ff-library-dialog .ff-shelf-copy>a:last-child {min-height:24px;font-size:12px}
.ff-library-dialog .ff-shelf-menu>summary {border:0;background:transparent;padding:8px 4px;min-width:38px;min-height:40px}
.ff-library-dialog .ff-shelf-menu[open]>div {right:5px;top:50px;width:min(230px,calc(100vw - 70px));max-height:65vh;overflow:auto}
.ff-library-footer {border-top:1px solid #d5b46a38;margin-top:12px;padding-top:12px}
.ff-reader-dialog .ff-library-clear {background:transparent;border:1px solid #d5b46a44;color:#dccd9e;font-size:12px;min-height:42px;width:100%;border-radius:3px}
.ff-library-privacy {margin-top:8px;color:#cecfc3;font:12px/1.5 system-ui,sans-serif}
.ff-library-privacy summary {display:block;text-align:center;cursor:pointer;padding:9px 0;color:#bfbcae;text-decoration:underline;text-underline-offset:3px}
.ff-library-privacy .ff-library-disclosure {font-size:12px;margin:8px 0}
.ff-library-privacy .ff-persist-label {padding:8px 0;font-size:12px;line-height:1.5}
.ff-library-privacy .ff-library-consent {font-size:12px}
.ff-library-privacy #ff-storage-status {font-size:12px;line-height:1.5;margin:7px 0}
/* Clean, icon-based sharing instead of giant text-only rectangles. */
.ff-reader-dialog.ff-share-dialog {width:min(480px,calc(100vw - 24px));padding:18px 20px;max-height:82dvh;border:1px solid #b9995780;border-radius:8px;box-shadow:0 18px 65px #0009}
.ff-reader-dialog.ff-share-dialog h2 {font:clamp(21px,3.4vw,28px)/1.22 Georgia,serif;margin:0 0 16px;color:#f1ebdd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ff-reader-dialog.ff-share-dialog .ff-dialog-close {font:12px system-ui,sans-serif;padding:2px 5px;min-height:36px;background:transparent;border:0;color:#d5b46a}
.ff-share-choices {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ff-reader-dialog .ff-share-choices .ff-icon-choice {min-width:0;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 2px;margin:0;text-align:center;background:#143126;color:#f1ebdd;text-decoration:none;border:1px solid #d5b46a44;border-radius:5px;font:11px/1.2 system-ui,sans-serif;cursor:pointer}
.ff-share-choices .ff-icon-choice:hover,.ff-share-choices .ff-icon-choice:focus-visible {background:#244b3a;border-color:#d5b46a}
.ff-share-icon {width:23px;height:23px;display:inline-block;flex:none;vertical-align:middle}
.ff-share-choices .ff-icon-choice span {overflow-wrap:anywhere}
.ff-story-preview {max-height:220px;width:auto;margin:8px auto 12px;border:1px solid #d5b46a35}
.ff-story-actions {display:flex;gap:8px;align-items:stretch}
.ff-story-actions .ff-story-download,.ff-story-actions .ff-icon-choice {flex:1 1 0;min-height:48px;display:flex;gap:8px;align-items:center;justify-content:center;padding:8px;border:1px solid #d5b46a66;font:12px/1.3 system-ui,sans-serif;text-decoration:none;background:#143126;color:#f1ebdd;border-radius:4px;margin:0}
.ff-share-dialog .ff-story-actions .ff-share-icon {height:18px;width:18px}
.ff-share-dialog .ff-modal-status {font:12px/1.5 system-ui,sans-serif;color:#d5b46a;margin:10px 0 0}
.ff-legacy-icon-link {gap:7px!important;display:inline-flex!important;align-items:center}
.ff-legacy-icon-link svg {height:16px;width:16px}
.ff-section-actions button[data-ff-section-share]{display:inline-flex;align-items:center;gap:8px;color:#d5b46a}
.ff-section-actions button[data-ff-section-share] svg {height:16px;width:16px}
@media(max-width:782px){
 .single-post .ff-reading-surface.ff-paper-section {background:linear-gradient(90deg,#0c271ef3,#10291ffb 20%,#10291ffb 80%,#0c271ef3),url('./images/ff-marble-reading.webp') center top/cover no-repeat #10291f}
 .ff-single .ff-article-intro {background:linear-gradient(100deg,#0b241cf7,#0b241cdb),url('./images/ff-marble-reading.webp') right top/cover no-repeat #10291f}
 .single-post .ff-toc {background:linear-gradient(115deg,#0b241cf2,#10291fe9),url('./images/ff-marble-chapters.webp') center top/cover no-repeat #10291f}
 .ff-reader-dialog.ff-library-dialog {padding:14px 14px;max-height:84dvh}
 .ff-reader-dialog.ff-share-dialog {padding:14px;max-height:84dvh}
 .ff-share-choices {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .ff-reader-dialog .ff-share-choices .ff-icon-choice {min-height:65px}
 .ff-library-dialog .ff-shelf-row img {width:56px;height:54px}
 .ff-library-dialog .ff-shelf-copy>a:first-child {font-size:15px}
 .ff-reader-dialog .ff-library-tabs button {font-size:11px;padding:8px 2px}
}
@media(max-width:359px){.ff-reader-dialog .ff-share-choices .ff-icon-choice{font-size:10px}.ff-library-dialog .ff-shelf-row img{width:50px;height:50px}}
@media print{.single-post .ff-reading-surface.ff-paper-section,.ff-single .ff-article-intro,.single-post .ff-toc{background:none!important}}

/* v3.6.3: one Share button replaces the text row; the popup holds the social icons. Without JavaScript the links stay visible. */
.ff-share-enhanced .ff-share-label,.ff-share-enhanced .ff-share-links{display:none}
.ff-share-open{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 22px;font:600 13px/1 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#f1ebdd;background:#143126;border:1px solid #d5b46a88;border-radius:3px;cursor:pointer}
.ff-share-open:hover,.ff-share-open:focus-visible{background:#244b3a;border-color:#d5b46a}
.ff-share-open:focus-visible{outline:2px solid #d5b46a;outline-offset:3px}
.ff-share-open .ff-share-icon{width:18px;height:18px;color:#d5b46a}

/* v3.6.4: toolbar icons, collapsible sections, empty ad placeholders hidden from visitors. */
.ff-reading-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ff-reading-toolbar .ff-share-icon{width:18px;height:18px;color:#d5b46a}
.ff-fold-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:10px;padding:0;vertical-align:middle;color:#d5b46a;background:transparent;border:1px solid #d5b46a55;border-radius:50%;cursor:pointer}
.ff-fold-toggle:hover,.ff-fold-toggle:focus-visible{background:#244b3a;border-color:#d5b46a}
.ff-fold-toggle:focus-visible{outline:2px solid #d5b46a;outline-offset:3px}
.ff-fold-toggle .ff-share-icon{width:18px;height:18px;transition:transform .2s ease}
.ff-fold-toggle[aria-expanded="false"] .ff-share-icon{transform:rotate(-90deg)}
.ff-fold-all{display:inline-flex;align-items:center;margin:0 0 18px;padding:8px 14px;min-height:40px;font:12px/1 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#d5b46a;background:transparent;border:1px solid #d5b46a44;border-radius:3px;cursor:pointer}
.ff-fold-all:hover,.ff-fold-all:focus-visible{background:#244b3a;border-color:#d5b46a}
@media(max-width:782px){
 .ff-reading-toolbar button{flex-direction:column;gap:4px;min-height:54px;font-size:11px;letter-spacing:.04em}
 .ff-reading-toolbar .ff-share-icon{width:20px;height:20px}
 .ff-fold-toggle{width:44px;height:44px;margin-left:6px}
}
@media(prefers-reduced-motion:reduce){.ff-fold-toggle .ff-share-icon{transition:none}}
@media print{.ff-section-body[hidden]{display:block!important;content-visibility:visible!important}.ff-fold-toggle,.ff-fold-all{display:none!important}}
/* Empty "Advertisement" placeholders are hidden from visitors (editors still see them). A real ad adds a child and shows normally.
   When a real sidebar ad goes live, delete these three rules. */
body:not(.logged-in) .ff-ad[data-ff-ad-slot]:has(>span:only-child){display:none}
body:not(.logged-in) .ff-reading-rail:not(:has(.ff-toc)){display:none}
body:not(.logged-in) .ff-longform-grid:not(:has(.ff-reading-rail .ff-toc)){grid-template-columns:minmax(0,780px)}