.tea-city-page{--city-navy:#0a283c;--city-dark:#071e2c;--city-lime:#b8ef2c;--city-ink:#143543;--city-muted:#4c626b;--city-border:#dce8e5;color:var(--city-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.7;overflow-wrap:anywhere}
.tea-city-page *{box-sizing:border-box}
.tea-city-page .tea-city-container{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.tea-city-page .tea-city-hero{position:relative;overflow:hidden;padding:clamp(62px,8vw,116px) 0;background:radial-gradient(ellipse at 78% 16%,rgba(184,239,44,.2),transparent 43%),linear-gradient(135deg,#061b30 4%,#12384b 72%,#144339);color:#fff}
.tea-city-page .tea-city-hero::after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.2;background:url("../images/technical-blueprint.svg") center/cover no-repeat}
.tea-city-page .tea-city-hero>.tea-city-container{position:relative;z-index:1}
.tea-city-page .tea-city-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#c5f079;margin-bottom:17px}
.tea-city-page h1{max-width:840px;font-size:clamp(39px,5.7vw,72px);font-weight:840;letter-spacing:-.052em;line-height:1.05;margin:0 0 22px;color:#fff}
.tea-city-page h1 em{font-style:normal;color:var(--city-lime)}
.tea-city-page .tea-city-lead{max-width:760px;margin:0 0 26px;font-size:clamp(17px,2vw,21px);line-height:1.6;color:#e1edef}
.tea-city-page .tea-city-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.tea-city-page .tea-city-hero-facts span{padding:10px 13px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.07);font-size:13px;line-height:1.45;color:#fff}
.tea-city-page .tea-city-actions{display:flex;flex-wrap:wrap;gap:11px}
.tea-city-page .tea-city-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;background:var(--city-lime);color:#0a283c!important;border:1px solid var(--city-lime);border-radius:10px;font-size:15px;font-weight:800;text-decoration:none!important;transition:transform .15s ease}
.tea-city-page .tea-city-button:hover{transform:translateY(-2px)}
.tea-city-page .tea-city-button-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.52)}
.tea-city-page .tea-city-body{padding:68px 0}
.tea-city-page .tea-city-intro{max-width:850px;margin:0 0 48px;font-size:18px;color:var(--city-muted);line-height:1.8}
.tea-city-page .tea-city-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:start;gap:clamp(26px,5vw,64px)}
.tea-city-page .tea-city-main h2{font-size:clamp(28px,3vw,40px);font-weight:780;line-height:1.14;letter-spacing:-.035em;margin:44px 0 16px;color:#0b2c3b}
.tea-city-page .tea-city-main h2:first-child{margin-top:0}
.tea-city-page .tea-city-main p{font-size:16.5px;line-height:1.8;color:#435c64;margin:0 0 18px}
.tea-city-page .tea-city-main ul{padding-left:23px;margin:0 0 22px}
.tea-city-page .tea-city-main li{margin-bottom:10px;color:#435c64;line-height:1.6}
.tea-city-page .tea-city-aside{position:sticky;top:98px;padding:25px;background:#f3f9f6;border:1px solid #d6e7dd;border-radius:18px}
.tea-city-page .tea-city-aside h2{font-size:23px;font-weight:800;line-height:1.23;margin:0 0 17px;color:#0d3540}
.tea-city-page .tea-city-aside p{margin:0 0 17px;color:#4c6569;font-size:14px;line-height:1.6}
.tea-city-page .tea-city-aside ul{margin:0 0 22px;padding:0;list-style:none}
.tea-city-page .tea-city-aside li{padding:11px 0;border-bottom:1px solid #d9e9e1;font-size:14px;color:#25484b}
.tea-city-page .tea-city-aside li:last-child{border:0}
.tea-city-page .tea-city-aside .tea-city-button{width:100%;font-size:14px;text-align:center}
.tea-city-page .tea-city-highlight{margin:30px 0;padding:24px 26px;border-left:4px solid #9ad64b;border-radius:0 12px 12px 0;background:#eff8ec}
.tea-city-page .tea-city-highlight p{margin:0;font-size:15px;color:#25503f}
.tea-city-page .tea-city-main p a,.tea-city-page .tea-city-faq p a,.tea-city-page .tea-city-intro a{color:#14513e!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px;font-weight:700}
.tea-city-page .tea-city-main p a:hover,.tea-city-page .tea-city-faq p a:hover{color:#073829!important}
.tea-city-page .tea-city-faq{padding:58px 0;background:#f3f7f6}
.tea-city-page .tea-city-faq h2{font-size:clamp(28px,3vw,42px);margin:0 0 24px;color:#102f36}
.tea-city-page .tea-city-faq details{padding:17px 20px;margin-bottom:10px;border:1px solid #dce8e5;border-radius:12px;background:#fff}
.tea-city-page .tea-city-faq summary{cursor:pointer;font-weight:750;color:#183740;font-size:16px;line-height:1.4}
.tea-city-page .tea-city-faq details p{font-size:15px;color:#47616a;line-height:1.7;margin:14px 0 0}
.tea-city-page .tea-city-related{padding:54px 0 68px}
.tea-city-page .tea-city-related h2{font-size:29px;color:#0e2c3a;margin:0 0 21px}
.tea-city-page .tea-city-related-links{display:flex;flex-wrap:wrap;gap:11px}
.tea-city-page .tea-city-related-links a{display:inline-flex;align-items:center;min-height:43px;padding:10px 15px;border:1px solid #cfe1d5;border-radius:9px;color:#1d5549!important;background:#f1f8ed;font-weight:700;font-size:13px;text-decoration:none!important;line-height:1.4}
.tea-city-page .tea-city-related-links a:hover{background:#e4f3d9}
.tea-city-page a:focus-visible,.tea-city-page summary:focus-visible{outline:3px solid #7ec438;outline-offset:3px}
@media(max-width:800px){.tea-city-page .tea-city-layout{grid-template-columns:minmax(0,1fr)}.tea-city-page .tea-city-aside{position:static}}
@media(max-width:560px){.tea-city-page .tea-city-container{width:min(100% - 28px,1120px)}.tea-city-page .tea-city-hero{padding:54px 0 58px}.tea-city-page h1{font-size:clamp(34px,10vw,48px)}.tea-city-page .tea-city-hero-facts span{font-size:12px}.tea-city-page .tea-city-actions{display:grid}.tea-city-page .tea-city-button{width:100%;font-size:14px}.tea-city-page .tea-city-body{padding:46px 0}.tea-city-page .tea-city-intro{font-size:16px;margin-bottom:32px}.tea-city-page .tea-city-main h2{margin-top:35px;font-size:28px}.tea-city-page .tea-city-faq{padding:42px 0}.tea-city-page .tea-city-related{padding:42px 0 55px}}
@media(prefers-reduced-motion:reduce){.tea-city-page .tea-city-button{transition:none}}