*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:#f4f6f2;color:#202c27;font:15px/1.7 system-ui,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.65;cursor:progress}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #b7cf63;outline-offset:3px}
.container{width:min(1240px,calc(100% - 72px));margin-inline:auto}
.utility-bar{background:#153b32;color:#d5e5dc}
.utility-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.15em;font-weight:750}
.utility-icon{font-size:15px;color:#d6ec83;margin-right:7px}
.utility-divider{padding:0 8px;color:#819f92}
.site-header{background:#fff;border-bottom:1px solid #e4e9e3}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:91px}
.identity{display:flex;align-items:center;gap:13px;text-decoration:none}
.symbol{display:grid;place-items:center;width:46px;height:46px;background:#dceba4;color:#173a31;font:italic bold 22px Georgia,serif;letter-spacing:-.08em}
.brand-type strong{display:block;font:700 23px/.97 Georgia,"Times New Roman",serif;letter-spacing:-.055em}
.brand-type small{display:block;font-size:9px;letter-spacing:.17em;color:#698076;margin-top:7px;font-weight:750}
.site-header nav{display:flex;align-items:center;gap:34px}
.site-header nav a{text-decoration:none;font-size:12px;font-weight:700;color:#54655c}
.site-header nav a:hover{color:#164c3c}
.site-header nav .nav-verify{color:#163e32;border:1px solid #c6d6cc;padding:11px 15px}
.site-header nav .nav-verify:hover{background:#ebf3e7}
.hero{margin-top:32px;background:#173e33;color:#f4f7eb;overflow:hidden}
.hero-mast{height:46px;padding:0 34px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #507569;font-size:10px;font-weight:700;letter-spacing:.15em;color:#c5d9c8}
.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#d5ea88}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;min-height:460px}
.hero-copy{padding:51px 58px 58px;display:flex;flex-direction:column;align-items:flex-start}
.hero-category{font-size:10px;letter-spacing:.18em;font-weight:750;color:#c1d8c9;margin:0 0 16px}
h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.047em;font-weight:400}
h1{font-size:clamp(78px,8vw,133px);line-height:.88;margin:0 0 25px}
.full-stop{color:#d2e884}
.hero-subhead{font:italic 26px Georgia,serif;color:#d4ec88;margin:0 0 13px}
.hero-description{max-width:460px;color:#cddcd3;line-height:1.65;margin:0 0 25px}
.hero-button{display:inline-flex;align-items:center;gap:27px;background:#d9e988;color:#203a2b;font-size:12px;font-weight:800;letter-spacing:.02em;text-decoration:none;padding:14px 19px;transition:background .18s}
.hero-button:hover{background:#f0f9b4}
.hero-art{position:relative;margin:24px 30px 24px 0;border:1px solid #668679;overflow:hidden;background:repeating-linear-gradient(90deg,transparent,transparent 39px,#ffffff0b 40px),radial-gradient(ellipse at 75% 14%,#345b47 0%,transparent 62%);display:flex;flex-direction:column;justify-content:space-between;padding:24px}
.hero-art:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #73908063;border-radius:50%;top:42px;right:-140px;box-shadow:0 0 0 65px #73908013,0 0 0 130px #7390800d;pointer-events:none}
.art-top{display:flex;justify-content:space-between;color:#b1d0bd;font-size:10px;letter-spacing:.15em;font-weight:800}
.art-top span{color:#d3ed9a}
.art-number{font:clamp(130px,17vw,250px)/.85 Georgia,serif;letter-spacing:-.09em;color:#d5eb91;margin:30px 0 3px;position:relative;z-index:1}
.art-number span{color:#eff8c5}
.art-rule{height:1px;background:#799a89;width:100%;position:relative;z-index:1}
.art-caption{font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.7;position:relative;z-index:1}
.art-corner{position:absolute;bottom:23px;right:24px;text-align:right;color:#b0c7b8;font-size:9px;letter-spacing:.13em;line-height:1.7}
.hero-bottom{border-top:1px solid #507569;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;font-size:10px;letter-spacing:.12em;color:#c9ddcb;font-weight:700}
.hero-bottom span span{padding:0 6px;color:#d5ed90}
.publication-meta{display:flex;align-items:center;gap:34px;min-height:74px;border-bottom:1px solid #cdd8cf;color:#78867e;font-size:12px}
.publication-meta strong{font-size:10px;letter-spacing:.13em;color:#344d42;margin-right:8px}
.meta-end{margin-left:auto;font:12px ui-monospace,Consolas,monospace;color:#536d61}
.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.83fr);gap:64px;padding-top:62px;padding-bottom:60px}
.section-label,.sidebar-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#3f6a52;display:flex;align-items:center;gap:13px}
.section-label span,.sidebar-label span{font-family:ui-monospace,Consolas,monospace;color:#798d7e}
.article h2{font-size:clamp(33px,3.6vw,52px);line-height:1.15;margin:19px 0 26px;max-width:700px}
.article h2 em{color:#3b7256;font-weight:400}
.article p{font-size:15px;line-height:1.85;color:#566960;max-width:660px;margin:0 0 22px}
.article .article-intro{font-size:17px;color:#273e34;line-height:1.85}
.article blockquote{margin:34px 0;padding:25px 32px 20px;border-left:3px solid #83a762;background:#e8eee5}
.quote-symbol{font:55px Georgia,serif;color:#417058;line-height:.7;display:block}
.article blockquote p{font:italic 24px/1.45 Georgia,serif;color:#214436;margin:9px 0 14px}
.article blockquote cite{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;color:#62796b}
.article-end{border-top:1px solid #cad5cc;padding-top:18px;margin-top:33px;color:#72847a;font-size:10px;letter-spacing:.17em;font-weight:750}
.end-symbol{color:#61875c;margin-right:8px}
.sidebar{min-width:0;align-self:start;display:grid;gap:18px}
.note-card{background:#fff;border:1px solid #dce5dc;padding:30px}
.sidebar h2{font-size:29px;line-height:1.2;margin:16px 0}
.sidebar p{font-size:13px;line-height:1.8;color:#586d61;margin:0 0 15px}
.note-foot{margin-top:22px;border-top:1px solid #d8e2d9;padding-top:19px;font-size:12px;font-weight:800;color:#365f49}
.note-foot span{font-size:18px;margin-right:7px}
.verification-card{padding:29px 30px 27px;background:#dce9dd;border:1px solid #cadacb}
.verification-card h2{color:#193b30}
.verification-card p{color:#476153}
#flag-form{margin-top:20px}
#flag-form label{display:block;margin-bottom:9px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#264b38}
#flag-input{display:block;width:100%;min-height:48px;border:1px solid #91ae98;background:#fff;color:#213e32;font:13px ui-monospace,Consolas,monospace;padding:13px 14px}
#flag-input:focus{outline:2px solid #4e7960;outline-offset:2px}
#submit-button{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:49px;margin-top:10px;background:#173e33;border:1px solid #173e33;color:#fff;text-align:left;padding:0 17px;font-size:12px;font-weight:800;transition:background .18s}
#submit-button:hover{background:#265947}
#submit-button span{font-size:18px}
.feedback{font-size:11px!important;margin:14px 0 0!important;min-height:20px;color:#687a6e!important}
.feedback.success{color:#166a38!important;font-weight:750}
.feedback.error{color:#96462f!important;font-weight:750}
.footer{border-top:1px solid #cbd8cf;padding:23px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#718477}
.footer a{text-decoration:none;color:#355e4b;font-weight:750}
.footer a:hover{text-decoration:underline}
@media(max-width:1050px){
 .container{width:min(100% - 44px,1240px)}
 .hero-copy{padding:46px 38px}
 .content-grid{gap:32px}
 .art-number{font-size:clamp(115px,16vw,200px)}
}
@media(max-width:760px){
 .container{width:calc(100% - 32px)}
 .utility-inner{font-size:9px;min-height:33px}
 .utility-inner>span:last-child{display:none}
 .header-inner{min-height:86px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
 .site-header nav{width:100%;gap:18px;justify-content:space-between}
 .site-header nav a{font-size:11px}
 .site-header nav .nav-verify{padding:7px 10px}
 .brand-type strong{font-size:21px}
 .hero{margin-top:18px}
 .hero-mast,.hero-bottom{padding-inline:20px;font-size:9px;letter-spacing:.08em}
 .hero-grid{grid-template-columns:1fr}
 .hero-copy{padding:38px 26px 36px}
 h1{font-size:clamp(68px,16vw,105px)}
 .hero-subhead{font-size:25px}
 .hero-art{min-height:235px;margin:0 20px 20px;padding:19px}
 .art-number{font-size:160px;margin:8px 0 0}
 .art-top,.art-caption{font-size:9px}
 .hero-bottom{flex-wrap:wrap;padding-block:12px}
 .publication-meta{gap:13px;flex-wrap:wrap;padding:16px 0;min-height:0;font-size:11px}
 .meta-end{display:none}
 .content-grid{grid-template-columns:1fr;gap:30px;padding-top:34px;padding-bottom:30px}
 .article h2{font-size:38px}
 .article .article-intro{font-size:16px}
 .article blockquote p{font-size:22px}
 .sidebar{grid-template-columns:1fr 1fr;gap:12px}
 .note-card,.verification-card{padding:22px}
 .sidebar h2{font-size:25px}
 .footer{flex-wrap:wrap}
}
@media(max-width:540px){
 .site-header nav{gap:12px}
 .site-header nav a:nth-child(2){display:none}
 .hero-copy{padding:32px 22px}
 .hero-category{font-size:9px}
 .hero-description{font-size:14px}
 .hero-art{min-height:190px}
 .art-number{font-size:127px}
 .art-caption{font-size:8px}
 .publication-meta{column-gap:19px;row-gap:7px}
 .article h2{font-size:34px}
 .article blockquote{padding:22px}
 .sidebar{grid-template-columns:1fr}
 .footer{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}