
:root{--ink:#17282d;--cream:#fff0d5;--coral:#d77d56;--gold:#eebc6d;--paper:#f5e7d0;--muted:#c6d0ca}
*{box-sizing:border-box}body{background:#17282d;color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit}
.site-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:300!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:18px clamp(18px,4vw,70px)!important;background:#15242a!important;border-bottom:2px solid #e4a47b55!important;flex-wrap:wrap!important}
.site-nav .brand{font:800 23px/1 'Playfair Display',Georgia,serif;letter-spacing:-.04em;color:var(--cream);text-decoration:none}
.site-nav .nav-links{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,26px);align-items:center}.site-nav .nav-links a{font:600 11px/1.3 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;color:#f5e7d0}.site-nav .nav-links a:hover{color:var(--gold)}
.site-nav .nav-links a:last-child{border:1px solid var(--gold);padding:10px 13px}
.site-footer{background:#102027;text-align:center;padding:32px 20px;color:#e9d6b8;font:12px 'DM Sans',sans-serif;letter-spacing:.08em}.site-footer a{margin:0 10px;text-decoration:none}
.inner-page{background:radial-gradient(ellipse at 100% 0%,#d77d5633,transparent 50%),radial-gradient(ellipse at 0% 100%,#e8b55820,transparent 45%),#17282d!important;color:#fff0d5!important;font-family:'DM Sans',sans-serif!important}
.inner-page main{padding-top:65px!important;min-height:auto!important}.inner-page h1,.inner-page h2{font-family:'Playfair Display',Georgia,serif!important}.inner-page p{line-height:1.75}
.paper-intro{max-width:950px;margin:40px auto 60px;padding:clamp(24px,4vw,50px);background:#f6e9d5;color:#243037;box-shadow:12px 12px 0 #bf7657;transform:rotate(-.45deg)}.paper-intro h1{font:800 clamp(43px,6vw,84px)/1.02 'Playfair Display',serif;margin:8px 0 18px}.paper-intro p{font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:700px}.eyebrow-new{font:600 12px 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a45e41}.hand{font-family:'Permanent Marker',cursive;color:#a14e3d;transform:rotate(-3deg);display:inline-block}.paper-note{background:#f7e6cd;color:#293238;padding:22px;box-shadow:8px 8px 0 #b77c57;transform:rotate(-1deg)}
.topic-grid{max-width:1150px;margin:45px auto 90px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.topic-card{display:block;background:#f5e7d0;color:#1d2c31;text-decoration:none;padding:12px 12px 23px;box-shadow:6px 7px 0 #d17c58;transition:transform .2s}.topic-card:nth-child(even){transform:rotate(1deg)}.topic-card:nth-child(odd){transform:rotate(-1deg)}.topic-card:hover{transform:translateY(-5px) rotate(0)}.topic-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.topic-card h2{font:700 28px 'Playfair Display',serif;margin:18px 7px 8px}.topic-card p{margin:0 7px;font:16px/1.5 'DM Sans',sans-serif}.topic-article{max-width:850px;margin:0 auto 90px;padding:0 22px}.topic-article blockquote{font:italic clamp(22px,3vw,33px)/1.4 'Playfair Display',serif;border-left:4px solid #eebc6d;padding-left:20px;margin:35px 0}.topic-article p{line-height:1.85;font-size:17px}.topic-article img{max-width:100%;max-height:520px;object-fit:cover;border:8px solid #f5e7d0;transform:rotate(-1deg)}
@media(max-width:700px){.site-nav{justify-content:center!important;text-align:center}.site-nav .nav-links{justify-content:center}.topic-grid{grid-template-columns:1fr 1fr;gap:14px}.topic-card h2{font-size:21px}.topic-card p{font-size:13px}.inner-page main{padding:40px 18px!important}}
@media(max-width:480px){.topic-grid{grid-template-columns:1fr}.site-nav .nav-links a{font-size:10px}}

/* Round 7: keep the search field and its submit button together across all pages */
.site-nav .site-search{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;max-width:100%!important;flex:0 0 auto!important;margin-left:auto!important}
.site-nav .site-search input{flex:0 1 112px!important;min-width:90px!important;width:112px!important;box-sizing:border-box!important}
.site-nav .site-search button{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;margin:0!important}
@media(max-width:980px){.site-nav .site-search{margin-left:auto!important}}
@media(max-width:600px){.site-nav .site-search{margin-left:0!important;justify-content:center!important}}
