:root{--ink:#102a27;--ink-2:#173b36;--muted:#63736f;--paper:#f7f5ef;--white:#fff;--line:#dfe5df;--mint:#dff36b;--mint-soft:#eff7c9;--coral:#f29b81;--service:#d9e9ff;--shadow:0 18px 60px rgba(16,42,39,.09);--radius:20px;--font:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,42,39,.08)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--mint);border-radius:12px;color:var(--ink);font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.2}.brand small{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:3px}.main-nav{display:flex;gap:30px}.main-nav a{text-decoration:none;font-size:14px;font-weight:650}.main-nav a:hover{color:#2b645c}.hero{background:var(--ink);color:var(--white);padding:78px 0 0;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(223,243,107,.15);border-radius:50%;right:-160px;top:36px;box-shadow:0 0 0 70px rgba(223,243,107,.03),0 0 0 140px rgba(223,243,107,.02)}.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:var(--mint)}.eyebrow span{display:inline-block;width:26px;height:2px;background:currentColor;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 24px}.hero h1 em{font-style:normal;color:var(--mint)}.hero-copy>p{color:#bfd0cb;font-size:18px;max-width:450px}.search-panel{position:relative;background:#fff;color:var(--ink);padding:34px;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.panel-label{font-weight:800;font-size:18px;margin-bottom:20px}.primary-search{display:grid;grid-template-columns:1fr 1.35fr;gap:14px}.primary-search label{display:block}.primary-search label>span,.admin-form label>span,.admin-dialog label>span,.login-card label>span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}.primary-search input,.primary-search select,.search-page-form input,.search-page-form select,.inline-search input,.admin-toolbar input,.admin-toolbar select,.admin-form input,.admin-form textarea,.admin-dialog input,.admin-dialog select,.admin-dialog textarea,.login-card input{width:100%;border:1px solid var(--line);background:#fbfcf8;border-radius:12px;padding:13px 14px;color:var(--ink);outline:none}.primary-search input:focus,.primary-search select:focus,.search-page-form input:focus,.search-page-form select:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-dialog input:focus,.admin-dialog textarea:focus,.login-card input:focus{border-color:#779521;box-shadow:0 0 0 3px rgba(174,207,72,.18)}.primary-search .button{grid-column:1/-1}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:12px;padding:13px 20px;font-weight:800;text-decoration:none}.button-primary{background:var(--mint);color:var(--ink)}.button-primary:hover{background:#d0e958}.button-dark{background:var(--ink);color:#fff}.button-light{background:#edf0ea;color:var(--ink)}.quick-search{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--muted)}.quick-search a{padding:3px 9px;background:#f0f2ec;border-radius:99px;text-decoration:none}.stat-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.12)}.stat-strip div{padding:25px 0 28px;display:flex;align-items:baseline;gap:9px;border-right:1px solid rgba(255,255,255,.12)}.stat-strip div:last-child{border:0}.stat-strip strong{font-size:27px;color:var(--mint)}.stat-strip span{font-size:12px;color:#a9beb8}.section{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.kicker{color:#6a8128;margin-bottom:8px}.section h2{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0}.section-heading>p{max-width:440px;color:var(--muted);margin:0}.category-legend{display:flex;gap:26px;font-size:13px;color:var(--muted);margin-bottom:18px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dot.goods{background:var(--mint)}.dot.services{background:#91b9ee}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{min-height:104px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;text-decoration:none;transition:.2s}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b8c58a}.category-number{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--mint-soft);font-weight:900}.category-card.service .category-number{background:var(--service)}.category-card strong,.category-card small{display:block}.category-card strong{font-size:16px}.category-card small{font-size:11px;color:var(--muted);margin-top:3px}.card-arrow{color:#8a9b96}.section-tint{background:#eaece5}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.how-grid>div>p{color:var(--muted);max-width:480px}.steps{list-style:none;margin:0;padding:0;border-top:1px solid #c9d0c7}.steps li{display:flex;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid #c9d0c7}.steps li>span{font-size:12px;font-weight:800;color:#879490}.steps strong{font-size:20px}.steps p{margin:2px 0 0;color:var(--muted);font-size:14px}.text-link{font-weight:800;text-decoration:none}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.news-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;min-height:190px;display:flex;flex-direction:column}.news-card time{font-size:11px;color:var(--muted)}.news-card h3{font-size:18px;line-height:1.45}.news-card span{margin-top:auto;font-size:12px;font-weight:800}.site-footer{background:#0c2421;color:#c2d1cd;padding:62px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:70px}.footer-grid strong,.footer-brand{color:#fff}.footer-brand{font-weight:900;font-size:20px}.footer-grid p{font-size:13px;color:#9fb2ad}.footer-bottom{margin-top:45px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#829792}.page-hero{background:var(--ink);color:#fff;padding:70px 0}.page-hero.compact{padding:54px 0}.page-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.1;margin:9px 0 12px}.page-hero p{color:#afc2bd;margin:0}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#8ea39d;margin-bottom:28px}.breadcrumb a{text-decoration:none}.class-title,.group-heading{display:flex;gap:28px;align-items:center}.class-title>span,.group-heading>span{display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;background:var(--mint);color:var(--ink);font-size:27px;font-weight:900;border-radius:22px}.detail-layout{display:grid;grid-template-columns:220px 1fr;gap:58px;align-items:start}.class-sidebar{position:sticky;top:96px}.class-sidebar>strong{display:block;margin-bottom:14px}.class-sidebar>div{max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff;padding:7px}.class-sidebar a{display:flex;gap:9px;padding:8px 9px;border-radius:8px;text-decoration:none;font-size:12px}.class-sidebar a:hover,.class-sidebar a.active{background:var(--mint-soft)}.class-sidebar a span{font-weight:900;color:#66746f}.inline-search{display:flex;margin-bottom:32px}.inline-search input{border-radius:12px 0 0 12px;padding:13px 15px;border:1px solid var(--line);outline:none}.inline-search button{border:0;background:var(--ink);color:#fff;padding:0 22px;border-radius:0 12px 12px 0;font-weight:800}.list-heading,.result-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.list-heading h2{font-size:24px}.list-heading span,.result-summary>span{color:var(--muted);font-size:12px}.group-list{display:grid;gap:9px}.group-list>a{display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none}.group-list>a:hover{border-color:#aabd68}.group-code{font-weight:900;color:#516720}.group-list strong,.group-list small{display:block}.group-list small{font-size:11px;color:var(--muted);margin-top:3px}.narrow{max-width:920px}.narrow-wide{max-width:1040px}.notice{background:var(--mint-soft);border-radius:14px;padding:17px 20px;margin-bottom:38px;display:flex;gap:22px}.notice p{margin:0;color:#53615e;font-size:13px}.item-table{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.item-table-head,.item-row{display:grid;grid-template-columns:1fr 140px;gap:20px;padding:14px 20px}.item-table-head{background:#edf0ea;font-size:11px;font-weight:800;color:#687671}.item-row{border-top:1px solid #edf0ea}.item-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#607427}.search-page-head{background:var(--ink);color:#fff;padding:58px 0}.search-page-head h1{font-size:42px;margin:7px 0 28px}.search-page-form{display:grid;grid-template-columns:240px 1fr 120px;gap:10px}.search-page-form input,.search-page-form select{border:1px solid rgba(255,255,255,.15);background:#fff}.result-summary{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:18px}.result-block{margin-top:38px}.result-block h2{font-size:22px;margin-bottom:16px}.group-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.group-result-grid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none}.group-result-grid span,.group-result-grid strong,.group-result-grid small{display:block}.group-result-grid span{font-weight:900;color:#607427}.group-result-grid small{font-size:11px;color:var(--muted);margin-top:5px}.search-results{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.search-results a{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:16px 20px;border-top:1px solid #edf0ea;text-decoration:none}.search-results a:first-child{border-top:0}.search-results a:hover{background:#f8faef}.search-results strong,.search-results small{display:block}.search-results small{font-size:11px;color:var(--muted);margin-top:3px}.search-results code{white-space:nowrap;color:#617729}.empty-state{text-align:center;padding:55px 20px;background:#fff;border:1px dashed #c9d0c7;border-radius:16px}.empty-state.large{padding:100px 20px}.empty-state strong{font-size:20px}.empty-state p{color:var(--muted)}.article-list article{padding:32px 0;border-bottom:1px solid var(--line)}.article-list time,.article-page time{font-size:11px;color:#7a8c87}.article-list h2{margin:5px 0 10px;font-size:27px}.article-list h2 a{text-decoration:none}.article-list p{color:var(--muted)}.pagination,.admin-pagination{display:flex;gap:7px;margin-top:28px;flex-wrap:wrap}.pagination a,.admin-pagination button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;text-decoration:none}.pagination a.active,.admin-pagination button.active{background:var(--ink);color:#fff}.article-page{padding:70px 0 100px;max-width:780px}.article-page h1{font-size:48px;line-height:1.2;margin:10px 0 28px}.article-image{width:100%;max-height:440px;object-fit:cover;border-radius:18px;margin-bottom:30px}.article-body{white-space:pre-wrap;line-height:2;color:#394b47}.error-page{text-align:center;padding:120px 0}.error-page>span{font-size:80px;font-weight:900;color:#c8d6a2}.error-page h1{font-size:40px;margin:0}.error-page p{color:var(--muted);margin-bottom:30px}

/* Admin */
.admin-script-error,.dialog-error{margin:0 0 22px;padding:14px 16px;border:1px solid #d78d7d;border-left:5px solid #9e3f2c;border-radius:10px;background:#fff0eb;color:#752f22;font-size:14px;outline:none}
.dialog-fallback-active{overflow:hidden}
.dialog-fallback-active::before{content:"";position:fixed;inset:0;z-index:998;background:rgba(7,26,23,.55);backdrop-filter:blur(4px)}
.admin-dialog.dialog-fallback-open{display:block;position:fixed;inset:50% auto auto 50%;z-index:999;max-height:calc(100vh - 30px);overflow:auto;transform:translate(-50%,-50%);margin:0}
.admin-body{background:#edf0ea;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--ink);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:70}.admin-brand{display:flex;gap:12px;align-items:center;text-decoration:none;padding:4px 8px 26px}.admin-brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--mint);color:var(--ink);border-radius:11px;font-weight:900}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{color:#8ea59f;font-size:10px}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav a{padding:11px 14px;border-radius:9px;text-decoration:none;color:#b6c7c2;font-size:14px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(223,243,107,.12);color:var(--mint)}.admin-sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 8px 0;display:grid;gap:7px}.admin-sidebar-foot a,.admin-sidebar-foot button{color:#9fb2ad;font-size:12px;text-decoration:none;background:none;border:0;padding:0}.admin-sidebar-foot button:hover,.admin-sidebar-foot a:hover{color:#fff}.admin-main{margin-left:250px;min-height:100vh}.admin-topbar{height:72px;border-bottom:1px solid #d8ded7;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:flex-end;padding:0 34px}.admin-topbar div{font-size:11px;color:var(--muted);text-align:right}.admin-topbar strong{display:block;color:var(--ink)}.admin-menu{display:none}.admin-content{padding:38px;max-width:1320px;margin:auto}.admin-page-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.admin-page-head h1{font-size:38px;margin:4px 0 5px;letter-spacing:-.035em}.admin-page-head p{margin:0;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.admin-stats>div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px;position:relative}.admin-stats>div>span{position:absolute;right:16px;top:13px;color:#b2bdb9;font-size:11px}.admin-stats strong,.admin-stats small{display:block}.admin-stats strong{font-size:34px}.admin-stats small{color:var(--muted)}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.card-head{display:flex;justify-content:space-between}.card-head h2{margin:0}.card-head p{color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-actions a{padding:20px;border:1px solid var(--line);border-radius:13px;text-decoration:none}.quick-actions strong,.quick-actions span{display:block}.quick-actions span{font-size:12px;color:var(--muted);margin-top:6px}.form-section{padding:10px 0 30px;border-bottom:1px solid var(--line);margin-bottom:25px}.form-section h2{font-size:18px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.catalog-tabs{display:flex;gap:4px;margin-bottom:14px}.catalog-tabs button{border:0;background:transparent;padding:10px 17px;border-radius:9px;font-weight:800;color:var(--muted)}.catalog-tabs button.active{background:var(--ink);color:#fff}.admin-toolbar{display:grid;grid-template-columns:200px 150px 1fr auto;gap:9px;margin-bottom:20px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:700px}.admin-table th,.admin-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf0ea;font-size:13px}.admin-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.admin-table td small{display:block;color:var(--muted)}.status-pill{display:inline-flex;padding:3px 8px;border-radius:99px;background:#e6f1c5;color:#50631c;font-size:10px;font-weight:800}.status-pill.off{background:#eee;color:#777}.row-actions{display:flex;gap:7px}.row-actions button{border:0;background:#edf0ea;border-radius:7px;padding:6px 9px;font-size:11px}.row-actions button.danger{color:#9e3f2c;background:#f9e3dc}.admin-dialog{width:min(680px,calc(100% - 30px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.24)}.admin-dialog.large{width:min(820px,calc(100% - 30px))}.admin-dialog::backdrop{background:rgba(7,26,23,.55);backdrop-filter:blur(4px)}.admin-dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.dialog-head small{font-weight:800;color:#748a31;letter-spacing:.12em}.dialog-head h2{margin:3px 0 0}.dialog-head>button{border:0;background:#edf0ea;width:34px;height:34px;border-radius:50%;font-size:20px}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:auto}.check-row span{margin:0!important}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.toast.error{background:#9e3f2c}.login-page{min-height:100vh;background:var(--ink);color:#fff}.login-shell{min-height:100vh;width:min(1100px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:center}.login-intro h1{font-size:62px;line-height:1.05;margin:18px 0}.login-intro p{color:#9fb2ad;max-width:440px}.login-card{background:#fff;color:var(--ink);padding:38px;border-radius:22px}.login-card h2{margin:3px 0 24px;font-size:30px}.login-card form{display:grid;gap:16px}.login-card>.login-card a,.login-card>a{display:block;text-align:center;margin-top:20px;font-size:12px;color:var(--muted);text-decoration:none}.form-alert{padding:11px;border-radius:9px;background:#f9e3dc;color:#893c2c;font-size:13px;margin-bottom:16px}

@media(max-width:900px){.hero-grid,.how-grid{grid-template-columns:1fr;gap:42px}.hero{padding-top:55px}.category-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.class-sidebar{position:static}.class-sidebar>div{display:flex;overflow:auto}.class-sidebar a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.admin-sidebar{transform:translateX(-100%);transition:.2s}.admin-body.nav-open .admin-sidebar{transform:none}.admin-main{margin-left:0}.admin-menu{display:block;margin-right:auto}.admin-stats{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr;gap:35px;padding:50px 0}.login-intro h1{font-size:46px}.admin-toolbar{grid-template-columns:1fr 1fr}.admin-toolbar .button{grid-column:2}.quick-actions{grid-template-columns:1fr}.search-page-form{grid-template-columns:1fr 1.5fr auto}}
@media(max-width:620px){.shell{width:min(100% - 26px,1180px)}.main-nav a:nth-child(2){display:none}.main-nav{gap:16px}.hero h1{font-size:44px}.search-panel{padding:23px}.primary-search{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip div:nth-child(2){border-right:0}.category-grid{grid-template-columns:1fr}.section{padding:62px 0}.section-heading{display:block}.section-heading>p{margin-top:14px}.news-grid,.footer-grid,.group-result-grid{grid-template-columns:1fr}.class-title>span,.group-heading>span{width:64px;height:64px;flex-basis:64px;border-radius:16px}.group-list>a{grid-template-columns:55px 1fr auto}.item-table-head,.item-row{grid-template-columns:1fr 90px;padding:12px}.search-page-form{grid-template-columns:1fr}.search-results a{align-items:flex-start;flex-direction:column;gap:8px}.admin-content{padding:24px 14px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.admin-toolbar{grid-template-columns:1fr}.admin-toolbar .button{grid-column:auto}.article-page h1{font-size:35px}.login-card{padding:26px}.login-intro h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #557000;outline-offset:2px;box-shadow:0 0 0 2px #fff}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--mint);color:var(--ink);padding:10px 24px;border-radius:0 0 12px 12px;font-weight:800;z-index:9999;text-decoration:none;font-size:14px;transition:top .15s} .skip-link:focus{top:0} a:active{opacity:.75} .button:active{transform:scale(.97)}.admin-menu:focus-visible{outline:3px solid #557000;outline-offset:2px;border-radius:8px} .pagination a:focus-visible,.admin-pagination button:focus-visible{outline:3px solid #557000;outline-offset:2px} .class-sidebar a:focus-visible{outline:3px solid #557000;outline-offset:1px} .group-list a:focus-visible{outline:3px solid #557000;outline-offset:2px} .search-results a:focus-visible{outline:3px solid #557000;outline-offset:2px} .catalog-tabs button:focus-visible{outline:3px solid #557000;outline-offset:2px} .dialog-head>button:focus-visible{outline:3px solid #557000;outline-offset:2px} #news-add:focus-visible{outline:3px solid #557000;outline-offset:2px} #catalog-add:focus-visible{outline:3px solid #557000;outline-offset:2px} [role=tablist] button:focus-visible{outline:3px solid #557000;outline-offset:2px} .admin-sidebar a:focus-visible,.admin-sidebar button:focus-visible{outline-color:var(--mint);box-shadow:0 0 0 2px var(--ink)} @media(max-width:375px){.shell{width:min(100% - 16px,1180px)} .hero h1{font-size:36px} .search-panel{padding:18px} .primary-search input,.primary-search select,.search-page-form input,.search-page-form select,.inline-search input,.admin-toolbar input,.admin-toolbar select,.admin-form input,.admin-form textarea,.admin-dialog input,.admin-dialog select,.admin-dialog textarea,.login-card input{font-size:16px;padding:11px 12px} .button{padding:11px 16px;font-size:14px} .hero-copy>p{font-size:15px} .category-card{padding:14px} .news-card{padding:18px} .article-list h2{font-size:22px} .page-hero h1{font-size:30px} .page-hero{padding:40px 0} .error-page{padding:80px 0} .error-page>span{font-size:60px} .error-page h1{font-size:30px} .admin-content{padding:18px 10px} .admin-page-head h1{font-size:28px} .login-card{padding:22px} .login-intro h1{font-size:30px} .news-grid,.footer-grid,.group-result-grid{gap:8px} .stat-strip strong{font-size:22px}} @media(max-width:768px) and (min-width:621px){.shell{width:min(100% - 32px,1180px)} .hero h1{font-size:48px} .section{padding:72px 0} .category-grid{grid-template-columns:repeat(2,1fr)} .news-grid{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1.2fr 1fr}}

/* Three-level taxonomy browser and local selection basket. */
.taxonomy-browser{padding-top:38px}.taxonomy-class-strip{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:18px}.taxonomy-level-label{display:flex;flex-direction:column;gap:2px}.taxonomy-level-label>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#72817d}.taxonomy-level-label>strong{font-size:15px}.taxonomy-class-links{display:grid;grid-template-columns:repeat(15,minmax(34px,1fr));gap:5px}.taxonomy-class-links a{display:grid;place-items:center;min-height:34px;border-radius:8px;background:#f2f4ee;color:#52615d;font-size:12px;font-weight:850;text-decoration:none}.taxonomy-class-links a:hover{background:var(--mint-soft)}.taxonomy-class-links a.active{background:var(--ink);color:#fff}.taxonomy-notice{margin-bottom:20px}.taxonomy-workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:18px;align-items:start}.taxonomy-group-panel,.taxonomy-item-panel,.selection-basket{background:#fff;border:1px solid var(--line);border-radius:16px}.taxonomy-group-panel{position:sticky;top:96px;overflow:hidden}.taxonomy-group-panel>.taxonomy-level-label{padding:16px 16px 12px}.taxonomy-current-class{padding:11px 16px;background:var(--mint-soft);font-size:12px}.taxonomy-current-class strong{display:block;font-size:14px}.taxonomy-group-links{max-height:64vh;overflow:auto;padding:7px}.taxonomy-group-links a{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:10px 9px;border-radius:9px;text-decoration:none;font-size:12px}.taxonomy-group-links a:hover{background:#f5f7f1}.taxonomy-group-links a.active{background:var(--ink);color:#fff}.taxonomy-group-links a>span:first-child{font-weight:900;color:#63782a}.taxonomy-group-links a.active>span:first-child{color:var(--mint)}.taxonomy-group-links strong,.taxonomy-group-links small{display:block}.taxonomy-group-links strong{line-height:1.4}.taxonomy-group-links small{margin-top:2px;color:var(--muted);font-size:10px}.taxonomy-group-links a.active small{color:#b7cbc5}.taxonomy-item-panel{min-width:0;overflow:hidden}.taxonomy-item-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid var(--line)}.taxonomy-item-heading>span{font-size:11px;color:var(--muted)}.taxonomy-group-summary{display:flex;gap:10px;align-items:center;padding:12px 18px;background:#f4f6f0}.taxonomy-group-summary strong{color:#596f20}.taxonomy-group-summary span{font-size:13px;font-weight:700}.selectable-item-list{display:grid}.selectable-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 112px 72px;gap:12px;align-items:center;border:0;border-top:1px solid #edf0ea;background:#fff;padding:13px 16px;color:var(--ink);text-align:left}.selectable-item:first-child{border-top:0}.selectable-item:hover{background:#f8faef}.selectable-item[aria-pressed=true]{background:var(--mint-soft)}.selectable-item-name{min-width:0;overflow-wrap:anywhere}.selectable-item code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#607427;font-size:11px}.selectable-item-action{justify-self:end;border:1px solid #b9c5bf;border-radius:99px;padding:3px 8px;color:#53635f;font-size:10px;font-weight:800;white-space:nowrap}.selectable-item[aria-pressed=true] .selectable-item-action{border-color:var(--ink);background:var(--ink);color:#fff}.selection-basket{position:sticky;top:96px;overflow:hidden;box-shadow:0 16px 40px rgba(16,42,39,.08)}.selection-basket-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:var(--ink);color:#fff}.selection-basket-head>div>span,.selection-basket-head strong{display:block}.selection-basket-head>div>span{font-size:10px;color:#aec1bc}.selection-basket-head strong{font-size:16px}.selection-basket-head button{border:1px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff;padding:4px 8px;font-size:10px}.selection-empty{margin:0;padding:28px 18px;color:var(--muted);font-size:12px;text-align:center}.selection-groups{max-height:51vh;overflow:auto;padding:9px}.selection-class{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}.selection-class:last-child{border:0;margin:0}.selection-class h3{margin:2px 4px 7px;font-size:12px}.selection-group h4{margin:8px 4px 4px;color:#5f7625;font-size:11px}.selection-remove{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 14px;gap:7px;align-items:center;border:0;border-radius:7px;background:#f5f7f2;padding:7px 8px;text-align:left;color:var(--ink);font-size:11px;margin-top:3px}.selection-remove:hover{background:#e9efdc}.selection-remove span:first-child{overflow-wrap:anywhere}.selection-remove code{font-size:9px;color:var(--muted)}.selection-remove-icon{font-size:15px;color:#8c5140}.selection-basket-actions{display:grid;grid-template-columns:auto 1fr;gap:7px;border-top:1px solid var(--line);padding:10px}.selection-basket-actions button{padding:9px 10px;font-size:11px}.selection-clear{border:0;border-radius:10px;background:#edf0ea;color:var(--ink);font-weight:800}.selection-basket-actions button:disabled{cursor:not-allowed;opacity:.45}.selection-status{min-height:19px;margin:0;padding:0 12px 8px;color:#587020;font-size:10px}.selection-status.error{color:#9d3f2e}.selection-basket.collapsed .selection-basket-actions,.selection-basket.collapsed .selection-status{display:none}
@media(max-width:1050px){.taxonomy-workspace{grid-template-columns:220px minmax(0,1fr)}.selection-basket{position:static;grid-column:1/-1}.selection-groups{max-height:320px}}
@media(max-width:760px){.taxonomy-class-strip{grid-template-columns:1fr}.taxonomy-class-links{grid-template-columns:repeat(9,1fr)}.taxonomy-workspace{grid-template-columns:1fr}.taxonomy-group-panel{position:static}.taxonomy-group-links{max-height:270px}.selection-basket{grid-column:auto}.selectable-item{grid-template-columns:minmax(0,1fr) 96px}.selectable-item-action{grid-column:1/-1;justify-self:start}.taxonomy-notice{display:block}.taxonomy-notice p{margin-top:5px}}
@media(max-width:420px){.taxonomy-class-links{grid-template-columns:repeat(5,1fr)}.taxonomy-browser{padding-top:24px}.selectable-item{grid-template-columns:minmax(0,1fr) 86px;padding:12px}.taxonomy-group-summary{align-items:flex-start;flex-direction:column;gap:1px}.selection-basket-actions{grid-template-columns:1fr}.selection-remove{grid-template-columns:minmax(0,1fr) 14px}.selection-remove code{grid-column:1}.selection-remove-icon{grid-column:2;grid-row:1/-1}}
.taxonomy-current-class strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}

/* Government-service palette inspired by the current USPTO visual system. */
:root{--ink:#162e51;--ink-2:#1a4480;--muted:#565c65;--paper:#f7f7f7;--line:#d9e2ec;--mint:#005ea2;--mint-soft:#e7f2f8;--coral:#d83933;--service:#eef5fb;--shadow:0 18px 60px rgba(22,46,81,.12)}
.site-header{background:rgba(22,46,81,.98);border-bottom:4px solid #d83933;backdrop-filter:none}.brand,.main-nav a{color:#fff}.brand-mark{background:#fff;color:#162e51;border-radius:5px}.brand small{color:#d9e8f6}.main-nav a:hover{color:#fff;text-decoration:underline;text-decoration-color:#d83933;text-decoration-thickness:3px;text-underline-offset:7px}.hero{background:linear-gradient(135deg,#071d33 0%,#162e51 72%,#1a4480 100%)}.hero:before{border-color:rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(0,94,162,.12),0 0 0 140px rgba(0,94,162,.06)}.hero h1 em{color:#fff;text-decoration:underline;text-decoration-color:#d83933;text-decoration-thickness:7px;text-underline-offset:10px}.hero-copy>p{color:#d9e2ec}.eyebrow{color:#d9e8f6}.kicker{color:#1a4480}.search-panel{border-radius:10px;border-top:5px solid #d83933}.button{border-radius:5px}.button-primary{background:#005ea2;color:#fff}.button-primary:hover{background:#1a4480}.button-dark{background:#162e51}.button-light{background:#e7f2f8}.primary-search input:focus,.primary-search select:focus,.search-page-form input:focus,.search-page-form select:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-dialog input:focus,.admin-dialog textarea:focus,.login-card input:focus{border-color:#005ea2;box-shadow:0 0 0 3px rgba(0,94,162,.2)}.quick-search a{background:#e7f2f8;color:#1a4480}.stat-strip{border-top:5px solid #d83933}.stat-strip strong{color:#fff}.stat-strip span{color:#d9e2ec}.dot.goods{background:#005ea2}.dot.services{background:#d83933}.category-card:hover{border-color:#005ea2}.category-number{background:#e7f2f8;color:#162e51}.category-card.service .category-number{background:#eef5fb;border-bottom:3px solid #d83933}.section-tint{background:#eef2f6}.site-footer{background:#162e51;color:#d9e2ec;border-top:5px solid #d83933}.footer-grid p{color:#c7d8e8}.footer-bottom{color:#adc4d8}.page-hero,.search-page-head{background:linear-gradient(120deg,#071d33,#162e51);border-bottom:5px solid #d83933}.page-hero p{color:#d9e2ec}.breadcrumb{color:#b8d4ea}.class-title>span,.group-heading>span{background:#005ea2;color:#fff;border-radius:7px}.class-sidebar a:hover,.class-sidebar a.active{background:#e7f2f8}.group-list>a:hover{border-color:#005ea2}.group-code,.item-row code,.group-result-grid span,.search-results code{color:#005ea2}.notice{background:#e7f2f8;border-left:5px solid #005ea2;border-radius:5px}.notice p{color:#3d5266}.item-table-head{background:#eef2f6}.search-results a:hover{background:#f1f7fb}.pagination a.active,.admin-pagination button.active{background:#005ea2}.error-page>span{color:#d83933}.admin-body{background:#eef2f6}.admin-sidebar{background:#162e51}.admin-brand>span{background:#fff;color:#162e51;border-radius:5px}.admin-brand small,.admin-sidebar nav a,.admin-sidebar-foot a,.admin-sidebar-foot button{color:#c7d8e8}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#005ea2;color:#fff}.admin-topbar{border-bottom-color:#d9e2ec}.catalog-tabs button.active{background:#005ea2}.status-pill{background:#e7f2f8;color:#005ea2}.row-actions button{background:#eef2f6}.dialog-head small{color:#005ea2}.login-page{background:linear-gradient(135deg,#071d33,#162e51)}.login-intro p{color:#c7d8e8}.toast{background:#162e51}.taxonomy-class-links a{background:#eef2f6;color:#3d5266}.taxonomy-class-links a:hover,.taxonomy-current-class,.selectable-item[aria-pressed=true]{background:#e7f2f8}.taxonomy-class-links a.active,.taxonomy-group-links a.active{background:#005ea2}.taxonomy-group-links a>span:first-child,.taxonomy-group-summary strong,.selection-group h4{color:#005ea2}.taxonomy-group-links a.active>span:first-child{color:#fff}.taxonomy-group-links a:hover,.selectable-item:hover{background:#f1f7fb}.selectable-item-action{border-color:#8fa9bf;color:#3d5266}.selectable-item[aria-pressed=true] .selectable-item-action{background:#005ea2;border-color:#005ea2}.selection-basket-head{background:#162e51;border-bottom:4px solid #d83933}.selection-remove{background:#eef2f6}.selection-remove:hover{background:#e7f2f8}.selection-status{color:#005ea2}.selection-remove-icon,.selection-status.error{color:#b50909}.skip-link{background:#ffbe2e;color:#1b1b1b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#ffbe2e}
.detail-layout.class-browser-with-basket{grid-template-columns:220px minmax(0,1fr) 300px;gap:32px}.class-browser-with-basket .selection-basket{align-self:start}
@media(max-width:1100px){.detail-layout.class-browser-with-basket{grid-template-columns:220px minmax(0,1fr)}.class-browser-with-basket .selection-basket{position:static;grid-column:1/-1}}
@media(max-width:900px){.detail-layout.class-browser-with-basket{grid-template-columns:1fr}.class-browser-with-basket .selection-basket{grid-column:auto}}
.hero{position:relative}

/* Restrained USPTO-inspired detail-page hierarchy. */
.site-header{border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 1px 0 rgba(7,29,51,.35)}
.page-hero,.search-page-head{border-bottom:2px solid rgba(216,57,51,.72)}
.page-hero.compact{padding:42px 0}
.group-heading{gap:20px}
.group-heading>span{width:72px;height:72px;flex-basis:72px;font-size:22px}
.group-heading h1{font-size:clamp(30px,3.4vw,42px);line-height:1.18;letter-spacing:-.02em;margin:6px 0 8px}
.group-heading p{font-size:14px;line-height:1.7}
.class-title{gap:18px}
.class-title>span{width:64px;height:64px;flex-basis:64px;font-size:20px}
.class-title h1{font-size:clamp(24px,2.1vw,32px);line-height:1.3;letter-spacing:-.015em;margin:6px 0 8px}
.class-title p{font-size:13px;line-height:1.7}
.search-panel{border-top-width:2px}
.hero h1 em{text-decoration-thickness:3px;text-underline-offset:8px}
.hero-copy h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;letter-spacing:-.025em;margin:16px 0 20px}
.hero-copy h1 em{display:inline-block;white-space:nowrap}
.stat-strip,.site-footer{border-top-width:2px}
.selection-basket-head{border-bottom-width:2px}
.category-card.service .category-number{border-bottom-width:2px}
.main-nav .nav-apply{font:inherit;font-size:14px;font-weight:650;color:#fff;background:transparent;border:0;padding:0;cursor:pointer}
.article-body p{margin:0 0 1em}.article-body ul,.article-body ol{padding-left:1.5em}.article-body blockquote{border-left:3px solid #ccd6e0;padding-left:1em}
.english-notice{margin-top:24px}.english-notice p{margin:0}
@media(max-width:600px){.header-inner{flex-wrap:wrap;gap:12px}.main-nav{flex-wrap:wrap;gap:14px}html[lang=en] .main-nav a:nth-child(2){display:block}}