@import url('/assets/css/verity-fonts.css');
* { box-sizing:border-box; }
body { margin:0; background:#fafbf9; color:#111d15; font:17px/1.7 Inter,Arial,sans-serif; }
a { color:inherit; text-underline-offset:4px; } a:hover { color:#386444; }
a:focus-visible,summary:focus-visible { outline:2px solid #386444; outline-offset:5px; }
.skip-link { position:absolute; top:-70px; left:20px; background:#fff; padding:12px; }.skip-link:focus { top:10px; }
.article-nav { display:flex; align-items:center; justify-content:space-between; gap:25px; max-width:1000px; margin:20px auto 0; padding:12px 22px; background:#f0f2ed; border:1px solid #d8dfd4; border-radius:14px; }
.article-nav img,footer img { display:block; }.article-nav nav,footer nav { display:flex; align-items:center; gap:28px; }.article-nav a { text-decoration:none; font-size:15px; }
.article-intro { max-width:1160px; padding:74px 30px 45px; margin:auto; }.article-intro nav { display:flex; flex-wrap:wrap; gap:12px; color:#526057; font-size:14px; margin-bottom:28px; }.article-intro nav a { text-decoration:none; }
h1,h2,h3 { font-weight:500; letter-spacing:-.04em; line-height:1.15; }h1 { font-size:clamp(38px,4.5vw,64px); max-width:980px; margin:0; text-wrap:balance; }.article-intro>p { max-width:740px; margin:25px 0 0; color:#526057; font-size:20px; line-height:1.6; }
.article-intro h1 { font-family:'Playfair Display',Georgia,serif; font-weight:500; letter-spacing:-.035em; line-height:1.08; }
.article-cover { display:block; width:calc(100% - 60px); max-width:1100px; height:340px; object-fit:cover; margin:0 auto 55px; border-radius:6px; }
.article-cover[src$=".webp"] { object-fit:contain; background:#111d15; }
.article-layout { max-width:1100px; margin:auto; padding:0 30px; display:grid; grid-template-columns:210px minmax(0,700px); gap:60px; }.article-layout aside { color:#526057; font-size:14px; line-height:1.7; padding-top:7px; }.article-layout aside a { display:block; margin-top:17px; }
article h2 { font-size:30px; margin:40px 0 20px; }article h2:first-child { margin-top:0; }article h3 { font-size:22px; }article p { color:#46584a; margin:20px 0; }article li { color:#46584a; padding-left:8px; margin-bottom:14px; }
.article-note { border-left:3px solid #809572; background:#edf1e7; padding:16px 25px; margin:32px 0; }.article-note h3 { margin:0; }.article-note p { margin-bottom:0; }
.reading-steps { padding-left:24px; }.reading-steps>li { margin-bottom:40px; }.reading-steps h2 { font-size:28px; }.reading-questions details { border-top:1px solid #cfd8cc; }.reading-questions details:last-child { border-bottom:1px solid #cfd8cc; }.reading-questions summary { padding:20px 0; cursor:pointer; font-weight:500; }.reading-questions p { margin-top:0; }
.related-reading { max-width:1100px; margin:65px auto; border-top:1px solid #cfd8cc; padding:35px 30px 0; }.related-reading h2 { font-size:28px; }.related-reading nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }.related-reading a { text-decoration:none; font-size:21px; line-height:1.4; }.related-reading a:hover { text-decoration:underline; }
footer { max-width:1100px; margin:auto; padding:35px 30px 45px; border-top:1px solid #cfd8cc; display:flex; justify-content:space-between; gap:25px; }footer nav { font-size:14px; }footer nav a { text-decoration:none; }
@media(max-width:700px) { .article-nav { margin:12px; padding:10px 16px; gap:10px; }.article-nav img { width:105px; height:auto; }.article-nav nav { gap:16px; }.article-nav nav a { font-size:13px; }.article-nav nav a:nth-child(2) { display:none; }.article-intro { padding:45px 22px 30px; }.article-intro>p { font-size:18px; }.article-cover { width:calc(100% - 44px); height:220px; margin-bottom:30px; }.article-layout { grid-template-columns:1fr; padding:0 22px; gap:30px; }.article-layout aside { border-bottom:1px solid #cfd8cc; padding-bottom:20px; }.article-layout aside a { margin-top:8px; }article h2 { font-size:26px; }.related-reading { margin:40px 22px; padding:25px 0 0; }.related-reading nav { grid-template-columns:1fr; gap:22px; }footer { margin:0 22px; padding:25px 0 35px; flex-wrap:wrap; } }