
:root{--ink:#1b2026;--paper:#f6f0e8;--paper2:#efe7dc;--line:#d9cdbd;--gold:#b89256;--gold2:#d8bd8c;--muted:#6d685f;--night:#151c25;--night2:#202c38;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.72;font-size:16px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}.notice{background:var(--night);color:#e9dece;text-align:center;font-size:12px;letter-spacing:.06em;padding:8px 18px}.notice a{text-decoration:underline}.nav{position:sticky;top:0;z-index:20;background:rgba(246,240,232,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(93,75,52,.12)}.nav-inner{max-width:1240px;margin:auto;padding:14px 24px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{width:190px;flex:none}.navlinks{display:flex;gap:18px;font-size:14px;align-items:center;white-space:nowrap}.navlinks a{opacity:.82}.navlinks a:hover{opacity:1;color:#8b6734}.nav-cta{border:1px solid #ab8957;padding:8px 13px;font-size:13px;letter-spacing:.04em}.language{font-size:12px;color:var(--muted)}.mobile-menu{display:none}.hero{min-height:630px;background:linear-gradient(90deg,rgba(10,17,27,.73),rgba(10,17,27,.28)),url('../img/chicago-winter.jpg') center/cover;position:relative;color:#fff;display:flex;align-items:end}.hero-inner{max-width:1240px;width:100%;margin:0 auto;padding:94px 24px 78px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-weight:700}.hero h1{max-width:800px;font-size:clamp(38px,6vw,78px);letter-spacing:-.055em;line-height:1.06;font-family:var(--serif);margin:18px 0}.hero .lead{max-width:610px;font-size:18px;color:rgba(255,255,255,.89);margin:0 0 25px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.hero-tags span{border:1px solid rgba(255,255,255,.36);padding:6px 10px;font-size:12px;background:rgba(18,24,31,.19)}.btnrow{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 18px;background:#f4e7d0;color:#32271e;font-weight:700;font-size:14px}.btn.dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}.btn.gold{background:var(--gold);color:white}.section{padding:92px 24px}.wrap{max-width:1180px;margin:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.section-title{font-family:var(--serif);font-size:clamp(31px,4vw,54px);letter-spacing:-.04em;line-height:1.12;margin:10px 0 17px}.section-copy{max-width:710px;color:#5e574f}.section.dark{background:var(--night);color:#f7f1e9}.section.dark .section-copy{color:#d5cec4}.section.paper2{background:var(--paper2)}.image-frame{height:440px;overflow:hidden;background:#d5c8b8}.image-frame img{width:100%;height:100%;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.card{background:#fffdf9;border:1px solid rgba(112,90,61,.16);padding:24px;min-height:230px}.card .num{font-size:12px;color:#a77d45;letter-spacing:.12em}.card h3{font:28px/1.15 var(--serif);margin:13px 0 10px}.card p{font-size:14px;color:#645c54}.story{border-top:1px solid var(--line);padding:23px 0}.story small{color:#9a7445;letter-spacing:.12em}.story h3{font:30px/1.2 var(--serif);margin:8px 0}.quote{font:30px/1.34 var(--serif);max-width:980px;margin:28px 0 0}.list{padding-left:18px}.list li{margin:7px 0}.cta{padding:76px 24px;background:linear-gradient(90deg,rgba(11,19,28,.82),rgba(11,19,28,.48)),url('../img/warm-light.jpg') center/cover;color:white}.cta-box{max-width:880px}.cta h2{font:clamp(36px,5vw,64px)/1.06 var(--serif);letter-spacing:-.045em;margin:13px 0 18px}.cta p{max-width:650px;color:rgba(255,255,255,.88)}.footer{background:#101720;color:#d9d5ce;padding:48px 24px 26px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer .brand{filter:none;margin-bottom:15px}.footer h4{font-size:12px;letter-spacing:.13em;color:#c9a46a;margin:0 0 14px}.footer a{display:block;font-size:14px;margin:7px 0;color:#d9d5ce}.footer p{font-size:14px;color:#b9b5ae;max-width:300px}.footer-bottom{max-width:1180px;margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#aaa69f}.breadcrumb{max-width:1180px;margin:0 auto;padding:21px 24px 0;font-size:13px;color:#777}.article-head{max-width:900px;margin:0 auto;padding:72px 24px 46px}.article-head h1{font:clamp(38px,6vw,72px)/1.08 var(--serif);letter-spacing:-.055em;margin:16px 0}.article-head .lead{font-size:19px;color:#655e57}.article-body{max-width:800px;margin:0 auto;padding:0 24px 85px}.article-body h2{font:36px/1.15 var(--serif);letter-spacing:-.03em;margin:50px 0 16px}.article-body h3{font:25px/1.2 var(--serif);margin:32px 0 12px}.article-body p{margin:0 0 18px;color:#393836}.article-figure{margin:38px 0}.article-figure img{width:100%;height:360px;object-fit:cover}.article-figure figcaption{font-size:12px;color:#777;margin-top:8px}.facts{background:#fdf9f3;border:1px solid #e6dccf;padding:22px;margin:34px 0}.facts strong{font-family:var(--serif);font-size:22px}.faq{border-top:1px solid var(--line);padding:17px 0}.faq h3{margin:0;font:24px/1.25 var(--serif)}.faq p{margin:8px 0 0}.floating{position:fixed;bottom:18px;right:18px;z-index:30;background:var(--night);color:#fff;border:1px solid rgba(212,183,132,.65);box-shadow:0 14px 30px rgba(0,0,0,.25);padding:11px 13px;font-size:13px}.floating:before{content:'◌';color:#d8bd8c;margin-right:7px}.guide-index{padding:46px 24px 92px;max-width:1180px;margin:auto}.guide-list{columns:3;column-gap:28px}.guide-list a{display:block;break-inside:avoid;border-bottom:1px solid #e4dacd;padding:10px 0;font-size:14px}.page-hero{background:linear-gradient(90deg,rgba(11,17,25,.7),rgba(11,17,25,.18)),url('../img/city-evening.jpg') center/cover;color:#fff;padding:90px 24px}.page-hero-inner{max-width:1180px;margin:auto}.page-hero h1{max-width:820px;font:clamp(43px,6vw,75px)/1.05 var(--serif);letter-spacing:-.05em;margin:12px 0}.page-hero p{max-width:650px;font-size:18px;color:rgba(255,255,255,.87)}@media(max-width:900px){.navlinks{display:none}.mobile-menu{display:inline-block;font-size:13px}.grid2,.grid3,.cards,.footer-grid{grid-template-columns:1fr}.hero{min-height:620px}.section{padding:65px 20px}.hero-inner{padding:76px 20px 55px}.nav-inner{padding:12px 18px}.brand{width:170px}.image-frame{height:320px}.guide-list{columns:1}.footer{padding:44px 20px 22px}.article-head{padding:56px 20px 36px}.article-body{padding:0 20px 65px}.page-hero{padding:72px 20px}.floating{bottom:12px;right:12px}.notice{font-size:11px}}


/* Chicago content architecture expansion */
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.pillar-card{background:#fffdf9;border:1px solid rgba(112,90,61,.16);padding:23px;min-height:260px;position:relative}.pillar-card h3{font:28px/1.12 var(--serif);margin:12px 0}.pillar-card p{font-size:14px;color:#625a52}.pillar-card a{display:inline-block;margin-top:11px;color:#8b6734;font-weight:700}.hub-intro{padding:74px 24px;background:linear-gradient(90deg,rgba(11,17,25,.78),rgba(11,17,25,.27)),url('../img/city-evening.jpg') center/cover;color:#fff}.hub-intro-inner{max-width:1180px;margin:auto}.hub-intro h1{font:clamp(43px,6vw,75px)/1.05 var(--serif);letter-spacing:-.05em;margin:14px 0}.hub-intro p{font-size:18px;max-width:760px;color:rgba(255,255,255,.9)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.content-card{background:#fffdf9;border:1px solid rgba(112,90,61,.16);padding:23px;min-height:235px}.content-card .card-tag{font-size:11px;letter-spacing:.14em;color:#a77d45;text-transform:uppercase}.content-card h3{font:27px/1.17 var(--serif);margin:12px 0}.content-card p{font-size:14px;color:#625a52}.content-card a{color:#8b6734;font-weight:700}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.region-card{display:block;background:#fffdf9;border:1px solid rgba(112,90,61,.16);padding:20px;min-height:156px}.region-card h3{font:24px/1.15 var(--serif);margin:7px 0}.region-card p{font-size:13px;color:#6a6258;margin:0}.topic-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 0}.topic-tags a{border:1px solid #d9cdbd;padding:7px 10px;font-size:13px;background:#fffdf9}.support-strip{background:var(--paper2);padding:58px 24px}.support-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.support-grid h2{font:clamp(31px,4vw,49px)/1.1 var(--serif);letter-spacing:-.04em;margin:9px 0 13px}.support-grid p{color:#5e574f;max-width:690px}.support-links{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.support-links a:not(.btn){font-size:14px;color:#5e574f;border-bottom:1px solid #d9cdbd;padding-bottom:4px}.article-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:#a77d45;font-weight:700}.article-related{margin-top:42px;border-top:1px solid #d9cdbd;padding-top:28px}.article-related h2{margin-top:0}.article-related ul{padding-left:19px}.article-related li{margin:8px 0}.article-related a{color:#8b6734}.resource-note{background:#fdf9f3;border-left:3px solid #b89256;padding:18px 20px;margin:25px 0;color:#544d45}.crumb{max-width:1180px;margin:0 auto;padding:18px 24px 0;font-size:13px;color:#777}.small-count{font-size:13px;color:#7a6f61;margin:10px 0 0}.editorial-hero{min-height:470px;background:linear-gradient(90deg,rgba(10,17,27,.72),rgba(10,17,27,.25)),url('../img/warm-light.jpg') center/cover;display:flex;align-items:end;color:#fff}.editorial-hero .hero-inner{padding-top:80px;padding-bottom:65px}.editorial-hero p{max-width:690px;color:rgba(255,255,255,.9);font-size:18px}
@media(max-width:1000px){.pillar-grid{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.content-grid,.support-grid{grid-template-columns:1fr}.region-grid{grid-template-columns:repeat(2,1fr)}.hub-intro{padding:65px 20px}.support-strip{padding:52px 20px}.pillar-card{min-height:0}.content-card{min-height:0}}
@media(max-width:520px){.pillar-grid,.region-grid{grid-template-columns:1fr}.hub-intro h1{font-size:43px}}
