/* A shared, restrained visual layer for support, reading and content work. */
:root{--ink:#173c37;--muted:#526a62;--green:#215e50;--paper:#f8f9f5;--line:#d9e3db;--orange:#de8055}
body{font-family:Arial,'Microsoft YaHei',sans-serif;line-height:1.6}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;transform:translateY(-180%);padding:12px 16px;border-radius:8px;background:#173c37;color:#fff;font-weight:700;box-shadow:0 6px 20px #0003}
.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}
.shell{width:min(1200px,calc(100% - 64px))}
.topbar{min-height:82px;height:auto;padding:15px max(32px,calc((100vw - 1200px)/2));gap:20px;background:#fbfcf9}
.topbar nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;line-height:1.4}
.topbar nav a{padding:5px 0}
.brand{letter-spacing:-.6px}
.hero,.support-hero{gap:clamp(32px,5vw,72px);min-height:0;padding-block:58px}
.hero h1,.support-hero h1{letter-spacing:-1.5px;line-height:1.1}
.hero .lead,.support-hero .lead{font-size:16px;line-height:1.75}
.searchbox{border-color:#b8cbc0;border-radius:12px;padding:7px 7px 7px 18px;box-shadow:0 10px 30px rgba(24,61,57,.07)}
.searchbox input{min-width:0;font-size:15px}
.searchbox:focus-within{outline:3px solid #de8055;outline-offset:3px}
.button,.searchbox button{border-radius:8px;padding:14px 19px;font-size:13px}
.quick{font-size:12px;gap:8px 10px}
.quick button{font-size:12px;padding:7px 12px}
.hero-art,.support-hero-art{border-radius:24px;background:#e9f0e6}
.section{padding-block:62px}
.section-heading>p,.admin-help{font-size:13px;line-height:1.7}
.topic,.support-action,.issue-card,.product-card,.material-card,.content-hub-card,.panel,.chat-card{border-color:#dce6dd;border-radius:14px;box-shadow:0 8px 28px rgba(24,61,57,.035)}
.topic,.support-action,.issue-card,.content-hub-card{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.topic:hover,.support-action:hover,.issue-card:hover,.content-hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(24,61,57,.09)}
.topic>span:last-of-type,.support-action p,.issue-card span{font-size:13px;line-height:1.6;max-width:none}
.topic strong,.support-action h3,.issue-card strong{font-size:15px;line-height:1.4}
.article-page article{line-height:1.85}
.article-page h1,.model-hero h1,.issue-page h1{overflow-wrap:anywhere}
.admin-body{background:#f3f6f2}
.sidebar{background:#eaf1eb;padding:24px 14px}
.sidebar button{border-radius:9px;line-height:1.4}
.admin-main{padding:32px}
.panel{padding:26px}
.admin-form label{font-size:13px;line-height:1.5}
.admin-form input,.admin-form select,.admin-form textarea,.login input{min-height:42px}
.login{padding:32px}
.login label{display:block;margin-top:16px;font-size:13px;font-weight:600}
.login .button{margin-top:10px}
.support-body{background:#f8f9f5}
.support-topbar{background:#fbfcf9}
.support-topbar nav{gap:7px 12px;font-size:12px}
.support-hero-art{background:#223b37 url('/static/images/support/carousel-problem-realistic-v1.png') 67% center/cover no-repeat}
.support-hero-art>*{display:none}
.support-action-section{padding-bottom:0}
.support-actions{gap:14px}
.support-action{padding:23px;min-width:0;overflow-wrap:anywhere}
.issue-discovery{border-top:0}
.issue-grid{gap:14px}
.issue-card{min-height:140px;padding:21px}
.support-empty{border-radius:14px;background:#f2f6f0}
.support-carousel{margin-block:0;padding-block:14px 28px}
.carousel-track{border-radius:18px;box-shadow:0 16px 40px rgba(24,61,57,.08)}
.support-carousel[data-carousel-layout="poster"] .support-slide,
.support-carousel[data-carousel-layout="poster"] .carousel-image,
.support-carousel[data-carousel-layout="poster"] .support-slide-copy{min-height:clamp(300px,34vw,400px)}
.support-carousel[data-carousel-layout="poster"] .support-slide-copy{padding:44px 48px}
.support-carousel[data-carousel-layout="poster"] .support-slide-copy h2{font-size:clamp(34px,4vw,48px)}
.carousel-arrow,.carousel-pause{width:40px;height:36px;border-radius:8px}
.content-hub-card{background:#fff}
.model-image{border-radius:18px}
.material-card p{font-size:13px;line-height:1.7}
@media(max-width:900px){.topbar{padding-inline:24px}.topbar nav{gap:7px 15px}.hero,.support-hero{gap:26px}.section{padding-block:48px}}
@media(max-width:700px){
  .shell{width:calc(100% - 36px)}
  .topbar{padding:15px 18px;gap:10px}
  .topbar nav{justify-content:flex-start;gap:6px 15px;line-height:1.5}
  .hero,.support-hero{padding-block:34px;gap:26px}
  .hero h1,.support-hero h1{font-size:clamp(37px,10vw,48px);letter-spacing:-1px}
  .hero-art{margin:0 auto}
  .section{padding-block:40px}
  .searchbox button{padding:12px;font-size:12px}
  .topic-grid{gap:10px}
  .topic{min-height:160px;padding:17px}
  .topic>span:last-of-type{font-size:12px}
  .admin-main{padding:18px}
  .panel{padding:20px}
}
@media(max-width:600px){
  .support-carousel[data-carousel-layout="poster"] .support-slide,
  .support-carousel[data-carousel-layout="poster"] .carousel-image,
  .support-carousel[data-carousel-layout="poster"] .support-slide-copy{min-height:340px}
  .support-carousel[data-carousel-layout="poster"] .support-slide-copy{padding:35px 25px;justify-content:flex-end}
  .support-carousel[data-carousel-layout="poster"] .support-slide-copy h2{font-size:34px}
  .support-actions{gap:10px}
  .support-action{padding:17px}
  .support-action p{font-size:12px}
  .issue-card{min-height:110px;padding:18px}
}
@media(prefers-reduced-motion:reduce){.topic,.support-action,.issue-card,.content-hub-card{transition:none}.topic:hover,.support-action:hover,.issue-card:hover,.content-hub-card:hover{transform:none}}

/* Service navigation stays quieter than the problem-solving content. */
.service-site .topbar .brand{font-size:18px;font-weight:600;letter-spacing:0}
.service-site footer .brand{font-size:16px;font-weight:600;letter-spacing:0}