/* Shared presentation for the isolated showcase prototype. */
:root{--show-paper:#f4eee2;--show-ink:#1d3028;--show-green:#173d32;--show-rust:#a4452a}
header.review-draft-header{background:#f4eee2;color:#1d3028;border-color:#d3c8b2;font-family:"Source Sans 3",system-ui,sans-serif;padding-block:18px}
.review-draft-header .review-draft-brand{font-family:Georgia,serif;font-weight:400;font-size:21px;color:#173d32}
.review-draft-header .review-draft-links{font-size:15px;gap:5px 18px}
.review-draft-header .review-draft-links a{color:#294637}
.review-draft-header .review-draft-links a[aria-current=page]{border-color:#a4452a;color:#1d3028}
.review-draft-status.showcase-preview-note{background:#e8e4d8;border-color:#d3c8b2;color:#4a5249;font:12px/1.5 system-ui,sans-serif;padding:8px 16px}
.review-draft-status.showcase-preview-note a{color:#365b4b}
.showcase-utility{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;margin-top:20px}
.showcase-utility a{text-decoration:none;border-bottom:1px solid #9aab9c;padding-bottom:3px}
.showcase-main{max-width:1180px;margin:auto;padding:65px 20px 85px}
.showcase-main h1{font:400 clamp(42px,6.3vw,76px)/1.05 Georgia,serif;letter-spacing:-.045em;max-width:900px}
.showcase-main h1 em{color:#a4452a;font-weight:400}
.showcase-main .showcase-intro{font-size:21px;max-width:740px;color:#4a5249}
.showcase-work-nav{display:flex;flex-wrap:wrap;gap:10px 24px;padding:22px 0 35px;border-bottom:1px solid #d3c8b2}
.showcase-work-nav a{color:#173d32;font-weight:600;text-decoration:none;border-bottom:1px solid #9aab9c}
.showcase-work-row{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:56px 0;border-bottom:1px solid #d3c8b2;scroll-margin-top:20px}
.showcase-work-row .showcase-index{font:italic 40px/1 Georgia,serif;color:#a4452a;display:block;margin-bottom:15px}
.showcase-work-row h2{font:400 clamp(28px,3vw,40px)/1.15 Georgia,serif}
.showcase-work-row p{max-width:64ch}
.showcase-work-row .showcase-context{font-size:14px;color:#557062;margin-top:20px}
.showcase-work-links{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:20px}
.showcase-work-links a{font-weight:600;color:#245b48}
.showcase-reading-paths{background:#173d32;color:#f4eee2;padding:40px;border-radius:4px;margin:30px auto 50px;max-width:1180px}
.showcase-reading-paths h2{font:400 34px/1.15 Georgia,serif;margin:0 0 12px}
.showcase-reading-paths>p{max-width:66ch;color:#dae2d7}
.showcase-reading-paths nav{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:22px}
.showcase-reading-paths a{color:#f0d391;font-size:17px}
.showcase-archive{margin:45px 0;border:1px solid #d3c8b2;background:#fbf7ee;padding:25px;border-radius:6px}
.showcase-archive>summary{cursor:pointer;font-size:20px;font-weight:600}
.showcase-footer{max-width:1180px;margin:0 auto;padding:32px 20px;border-top:1px solid #d3c8b2;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:15px;color:#4a5249}
.showcase-footer nav{display:flex;gap:12px 24px;flex-wrap:wrap}
.showcase-footer a{color:#28533f}
.showcase-future-note{border-left:3px solid #b9874e;padding-left:20px;max-width:700px;color:#4a5249;font-size:16px}
@media(max-width:700px){header.review-draft-header{padding:14px 16px}.review-draft-header .review-draft-links{width:100%;font-size:14px;gap:6px 16px}.showcase-main{padding:38px 16px 60px}.showcase-work-row{grid-template-columns:1fr;gap:5px;padding:35px 0}.showcase-work-row .showcase-index{font-size:28px}.showcase-work-row h2{margin-bottom:12px}.showcase-reading-paths{margin-inline:0;padding:28px 22px}.showcase-main .showcase-intro{font-size:19px}.showcase-preview-note span.optional{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}