:root{--bg:#f4f5f7;--ink:#1d2330;--soft:#5e6673;--navy:#162e47;--aqua:#18a8aa;--line:#d8dee5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}h1,h2,h3,p,figure{margin:0}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:white;color:#111}.sitebar{display:flex;align-items:center;gap:2.5rem;padding:1rem 3vw;background:#fff;border-bottom:1px solid var(--line)}.logo{font-size:1.45rem;font-weight:900;white-space:nowrap}.logo span{color:var(--aqua)}.sitebar nav{display:flex;gap:1.5rem;font-size:.9rem;font-weight:700}.sitebar nav a:hover{color:var(--aqua)}.site-note{margin-left:auto;color:var(--soft);font-size:.8rem}.front{display:grid;grid-template-columns:55% 45%;min-height:500px;background:var(--navy);color:white}.front-art{min-height:500px}.front-art img{object-position:center 30%}.front-copy{padding:4vw;display:flex;flex-direction:column;align-items:start;justify-content:center}.front-kicker{color:#78ebdd;letter-spacing:.16em;font-size:.8rem;font-weight:900}.front h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.1;margin:1.4rem 0}.front p{max-width:560px;color:#d4e4ec}.front a{display:inline-block;background:#24c1bb;color:#082e31;padding:.75rem 1.1rem;font-weight:900;margin-top:2rem}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:2.3rem;max-width:1550px;margin:4rem auto;padding:0 3vw}.board-nav{position:sticky;top:1rem;align-self:start;background:#fff;border:1px solid var(--line);padding:1.35rem}.board-nav h2{font-size:1.35rem}.board-nav>p{color:var(--soft);font-size:.9rem;margin:.5rem 0 1.2rem}.board-links{display:grid}.board-links a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:.75rem 0;font-weight:800}.board-links a:hover{color:var(--aqua)}.board-links small{color:var(--aqua)}.board-note{background:#e8f6f5;padding:1rem;margin-top:1rem;font-size:.9rem}.board-note p{color:var(--soft);margin-top:.5rem}.feed-head{border-bottom:3px solid var(--navy);padding:.2rem 0 1.5rem}.feed-head span{color:var(--aqua);font-size:.78rem;letter-spacing:.12em;font-weight:900}.feed-head h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.2;margin:.4rem 0}.feed-head p{max-width:850px;color:var(--soft)}.thread{display:grid;grid-template-columns:225px minmax(0,1fr);gap:1.5rem;background:#fff;border:1px solid var(--line);margin:1.2rem 0;min-height:290px}.thread figure{height:100%;min-height:290px}.thread img{object-position:center 20%}.thread-copy{padding:1.35rem 1.5rem 1.35rem 0}.thread-meta{display:flex;gap:1rem;align-items:center;font-size:.78rem;font-weight:800;color:var(--aqua)}.thread-meta b{background:#ddf1f0;color:#166f75;padding:.15rem .5rem}.thread h3{font-size:1.55rem;line-height:1.3;margin:.6rem 0}.thread p{color:var(--soft)}.thread-more{margin-top:.7rem}.thread a{display:inline-block;margin-top:1rem;color:#138786;font-weight:800}.viewing{background:#dcecea;padding:5rem 5vw;display:grid;grid-template-columns:1fr 1.4fr;gap:4rem}.viewing span{color:#0f7775;font-weight:900}.viewing h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.25;margin-top:.7rem}.viewing-answers{display:grid;gap:1rem}.viewing-answers p{border-bottom:1px solid #a9c8c5;padding-bottom:1rem}.viewing-answers b{color:#0d7978}footer{display:flex;align-items:center;gap:2rem;padding:2rem 3vw;background:#fff;color:var(--soft)}footer strong{color:var(--ink)}footer a{margin-left:auto;color:var(--aqua)}@media(max-width:900px){.workspace{grid-template-columns:210px minmax(0,1fr);gap:1rem}.thread{grid-template-columns:180px minmax(0,1fr)}.thread figure{min-height:330px}}@media(max-width:700px){.sitebar{display:block}.sitebar nav{margin-top:.5rem;gap:1rem}.site-note{display:none}.front{display:flex;flex-direction:column}.front-art{min-height:245px;height:245px}.front-art img{object-fit:contain;background:var(--navy)}.front-copy{padding:2.4rem 5vw}.front h1{font-size:3rem}.workspace{display:flex;flex-direction:column;margin:2.5rem auto;padding:0 5vw}.board-nav{position:static;order:0}.thread-feed{order:1}.thread{display:block}.thread figure{height:250px;min-height:0}.thread-copy{padding:1.1rem}.viewing{display:block;padding:3.5rem 5vw}.viewing-answers{margin-top:1.5rem}footer{display:block}footer span{display:block;margin:.5rem 0}footer a{display:inline-block}}
.front-art picture{display:block;width:100%;height:100%}
@media(max-width:700px){.front-art{height:480px;min-height:480px}.front-art img{object-fit:cover;object-position:center top}}