:root{--ink:#162235;--pine:#0b2e59;--moss:#456b91;--paper:#f5f8fc;--white:#ffffff;--line:#dce4ee;--orange:#966900;--mint:#e9f0f8;--muted:#66758a;--mono:'DM Mono',monospace;--sans:'DM Sans','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:78px;padding:0 6.1vw;display:flex;align-items:center;justify-content:space-between;background:var(--pine);color:#f8f7ef;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:.02em}.brand-light{font-weight:400;color:#b7c4b5}.brand small{display:block;margin-top:3px;font:10px var(--mono);letter-spacing:.17em;color:#99aa9f}.brand-mark{width:25px;height:26px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:5px;border:1px solid #e9c979;border-radius:4px 4px 1px 1px}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:17px}.topnav{height:100%;display:flex;align-items:center;gap:34px;font-size:14px;color:#b8c5bc}.topnav a{height:100%;display:flex;align-items:center;position:relative}.topnav .nav-active{color:#fff}.nav-active:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#dfba5b}.topbar-note{display:flex;align-items:center;gap:9px;color:#d4dbd3;font-size:13px}.status-dot{width:7px;height:7px;background:#e7c97e;border-radius:50%;box-shadow:0 0 0 4px #e7c97e22}.hero{min-height:470px;padding:72px 10vw 62px 11vw;background:var(--pine);color:#f6f4ec;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(380px,1fr) minmax(340px,.9fr);align-items:center}.hero:after{content:'';position:absolute;width:52vw;height:52vw;border:1px solid #ffffff0b;border-radius:50%;right:-21vw;top:-31vw;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:600px}.eyebrow,.section-kicker{font:12px var(--mono);letter-spacing:.14em;color:#aab7aa}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:28px}.eyebrow-line{width:25px;height:1px;background:#d8b762}.eyebrow-number{margin-left:22px;color:#768b7c}.hero h1{margin:0;font-size:clamp(40px,5vw,68px);line-height:1.22;letter-spacing:-.045em;font-weight:600}.hero h1 em,.method-title em{font-style:normal;color:#e3c578}.hero-lede{max-width:445px;color:#c4cec5;font-size:16px;line-height:2;margin:22px 0 24px}.hero-link{display:inline-flex;align-items:center;gap:25px;padding-bottom:8px;border-bottom:1px solid #809085;color:#f8f7ef;font-size:14px}.hero-link span{color:#e3c578;font-size:19px}.hero-visual{height:335px;position:relative;max-width:460px;width:100%;margin:0 auto}.orbit{position:absolute;border:1px solid #d5dce31c;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:280px;height:280px}.orbit-two{width:205px;height:205px;border-style:dashed;border-color:#d5dce32b;animation:spin 65s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:126px;height:126px;border:1px solid #bfc7d055;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#243344}.hero-core:before{content:'';position:absolute;inset:8px;border:1px solid #dbbf7866;border-radius:50%}.hero-core span{font:12px var(--mono);color:#e8c97c;letter-spacing:.2em}.hero-core strong{font:29px var(--mono);font-weight:400;line-height:1.2}.hero-core small{font:9px var(--mono);text-align:center;line-height:1.25;letter-spacing:.08em;color:#aab8aa}.orbit-node{position:absolute;width:67px;height:67px;border-radius:50%;background:#313f50;border:1px solid #77907e66;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 7px 22px #080d1335}.orbit-node b{font:12px var(--mono);color:#e4c577}.orbit-node span{font-size:12px;color:#dde2e7}.node-a{top:0;left:calc(50% - 33px)}.node-b{right:5px;top:43%}.node-c{bottom:3px;left:calc(50% - 33px)}.node-d{left:5px;top:43%}.visual-caption{position:absolute;right:-12px;bottom:20px;font:10px var(--mono);line-height:1.8;color:#869589;letter-spacing:.12em;text-align:right}.visual-caption span{font-size:9px;color:#65796b}.hero-stamp{position:absolute;right:6vw;top:36px;border:1px solid #b5c0af42;width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(8deg);color:#d3d8de;font-size:12px;text-align:center;line-height:1.3}.hero-stamp b{font:9px var(--mono);color:#e4c679;margin-top:3px}.metrics{display:grid;grid-template-columns:1.45fr repeat(3,1fr) 1.1fr;padding:0 10vw;background:#eeece4;border-bottom:1px solid var(--line);min-height:140px;align-items:center}.metric-intro{padding-right:24px}.metric-intro .section-kicker{color:#819084}.metric-intro p{font-size:14px;line-height:1.8;margin:9px 0 0;color:#536158}.metric{min-height:70px;padding-left:30px;border-left:1px solid #d6d8ce;display:flex;flex-direction:column;justify-content:center;gap:4px}.metric strong{font:31px var(--mono);font-weight:400;letter-spacing:-.06em;color:#243344}.metric span{font-weight:600;font-size:14px}.metric small{font-size:12px;color:#828980}.metric-aside{flex-direction:row;align-items:flex-start;gap:12px;padding-top:20px}.metric-aside p{margin:0;color:#69756c;font-size:12px;line-height:1.8}.metric-aside .status-dot{margin-top:5px;flex:none}.catalog-section{padding:88px 8vw 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;padding:0 1.2vw}.section-heading .section-kicker{color:#8b968b}.section-heading h2{font-size:33px;letter-spacing:-.04em;margin:10px 0 0;font-weight:600}.section-heading-note{font-size:13px;color:#737b73;padding-bottom:6px}.heading-bracket{font:20px var(--mono);color:#d4b055;vertical-align:-2px;padding:0 5px}.catalog-layout{display:grid;grid-template-columns:248px 1fr;gap:30px;align-items:start}.filter-rail{background:#eeece5;padding:20px 17px 16px;border:1px solid #e2e0d7}.rail-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:16px}.rail-label span{font:10px var(--mono);color:#949b92;letter-spacing:.12em}.filter-all{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:10px;padding:10px 9px;text-align:left;color:#657268;cursor:pointer;font-size:14px}.filter-all b{margin-left:auto;font:12px var(--mono);color:#89958b}.filter-all.is-active{background:#dde2e7;color:#233243;font-weight:700}.filter-icon{font-size:18px;color:#c2a251}.filter-group{margin-top:19px}.filter-group-head{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#808980;font-size:12px}.group-rule{height:1px;background:#d9dbd1;flex:1}.domain-parent{margin-top:6px}.parent-button{width:100%;border:0;background:none;display:flex;align-items:center;gap:7px;padding:7px 4px;color:#343d48;text-align:left;font-weight:600;font-size:13px;cursor:pointer}.parent-button .chevron{color:#a7aaa1;font-size:12px;transition:transform .2s}.parent-button[aria-expanded="false"] .chevron{transform:rotate(-90deg)}.parent-button b{margin-left:auto;color:#919a91;font:11px var(--mono);font-weight:400}.child-list{padding:1px 0 3px 14px;display:grid;gap:1px}.child-list.is-collapsed{display:none}.child-button{display:flex;align-items:center;gap:7px;width:100%;border:0;background:none;padding:6px 7px;color:#6e786f;text-align:left;font-size:12px;cursor:pointer;border-left:1px solid #d4d8ce}.child-button:before{content:'';width:3px;height:3px;border-radius:50%;background:#bdc4b9}.child-button b{margin-left:auto;font:11px var(--mono);color:#a2a89f;font-weight:400}.child-button:hover,.child-button.is-active{background:#dfe3e8;color:#243447;border-left-color:#d4b054}.child-button.is-active:before{width:5px;height:5px;background:#d4b054}.function-filters{display:flex;flex-wrap:wrap;gap:6px}.function-button{border:1px solid #d8d9cf;background:transparent;padding:5px 7px;color:#68746a;font-size:11px;cursor:pointer}.function-button:hover,.function-button.is-active{background:#dce1e7;border-color:#c4cbd2;color:#2e3d4f}.rail-foot{border-top:1px solid #d8d9d0;margin-top:20px;padding:14px 2px 0;display:flex;gap:9px;color:#7c857c}.rail-foot-icon{color:#d4b055;font-size:18px}.rail-foot p{font-size:11px;line-height:1.7;margin:0}.results-area{min-width:0}.search-row{display:flex;align-items:center;gap:18px}.searchbox{height:46px;border:1px solid #d9dbd2;background:var(--white);display:flex;align-items:center;gap:12px;flex:1;padding:0 13px}.search-icon{font-size:25px;color:#c4a454;line-height:1}.searchbox input{border:0;background:none;outline:0;flex:1;min-width:0;color:#262f39;font-size:14px}.searchbox input::placeholder{color:#a3aaa1}.searchbox kbd{font:12px var(--mono);color:#959d93;border:1px solid #e2e2d9;padding:3px 6px}.sort-wrap{display:flex;align-items:center;gap:9px;color:#939a91;font-size:12px}.sort-wrap select{border:0;background:transparent;color:#353e48;font-size:13px;outline:none;cursor:pointer}.active-filters{display:flex;align-items:center;justify-content:space-between;padding:19px 2px 12px;color:#8d958c;font-size:12px}.active-filters #active-filter-label{color:#516357}.filter-chip-dot{display:inline-block;width:5px;height:5px;background:#dfba5e;border-radius:50%;vertical-align:2px;margin-right:5px}#result-count{font:12px var(--mono)}.topic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.topic-card{min-height:207px;padding:18px 18px 15px;background:var(--white);border:1px solid #e3e2d9;position:relative;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.topic-card:hover{transform:translateY(-3px);border-color:#c9d4c8;box-shadow:0 10px 26px #252f3a0b}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.topic-id{font:11px var(--mono);letter-spacing:.08em;color:#bc9d4e}.card-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.card-tag{font-size:10px;color:#6d7d70;background:#e9edf1;padding:4px 7px}.card-tag.primary{background:#dfe4e9;color:#2c3b4c}.topic-card h3{font-size:17px;line-height:1.55;margin:13px 0 7px;letter-spacing:-.02em;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-problem{font-size:12px;line-height:1.8;color:#778178;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{margin-top:auto;border-top:1px solid #eeeDE6;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card-customer{font-size:11px;color:#979d94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{color:#cca952;font-size:18px;flex:none}.empty-state{grid-column:1/-1;background:var(--white);border:1px dashed #d3d7ce;padding:60px 20px;text-align:center;color:#788278}.empty-state strong{display:block;color:#343f4c;font-size:20px;margin-bottom:9px}.empty-state p{margin:0;font-size:14px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:25px 0 0;color:#768078;font:12px var(--mono)}.page-arrow{height:30px;width:34px;border:1px solid #d8dcd2;background:transparent;color:#52665a;cursor:pointer}.page-arrow:disabled{opacity:.35;cursor:default}.page-size{margin-left:12px;color:#a0a69e;font:11px var(--sans)}.loading-line{height:22px;margin:5px 0;background:linear-gradient(90deg,#e3e4dc,#eeece5,#e3e4dc);background-size:200% 100%;animation:skeleton 1.2s infinite}.loading-line.short{width:72%}.loading-card{height:205px;background:linear-gradient(90deg,#eeeDE6,#f8f7f1,#eeeDE6);background-size:200% 100%;animation:skeleton 1.3s infinite}@keyframes skeleton{to{background-position:-200% 0}}.method-section{background:#e9e8df;padding:73px 10vw 67px;display:grid;grid-template-columns:100px 1fr 1.5fr;gap:20px;position:relative}.method-index{font:12px var(--mono);color:#d0ac50;padding-top:6px}.method-title .section-kicker{color:#8d998e}.method-title h2{font-size:27px;line-height:1.5;margin:13px 0 0;letter-spacing:-.04em}.method-title em{color:#668071}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:13px}.method-steps article{border-top:1px solid #cdd1c5;padding-top:12px}.method-steps article>span{font:11px var(--mono);color:#d0ad53}.method-steps h3{font-size:14px;margin:12px 0 8px}.method-steps p{font-size:12px;line-height:1.8;color:#7b847b;margin:0}.method-note{grid-column:2/-1;border-top:1px solid #d2d4c9;margin-top:23px;padding-top:12px;color:#8b9188;font-size:11px}.footer{min-height:100px;background:var(--pine);color:#d9e0d7;padding:20px 6vw;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:16px}.footer-brand .brand-mark{transform:scale(.8);transform-origin:left center}.footer-brand small{font-size:8px}.footer p{font-size:11px;color:#9dab9e}.back-top{color:#c4cec5;font-size:12px}.topic-dialog{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;overflow:hidden}.topic-dialog::backdrop{background:#0c1219a8;backdrop-filter:blur(4px)}.dialog-shell{background:#f5f3ed;max-width:760px;width:min(760px,calc(100% - 36px));height:min(92vh,900px);overflow:auto;margin:4vh auto;padding:38px 46px 44px;position:relative;box-shadow:0 30px 100px #11161b80}.dialog-close{position:absolute;right:20px;top:17px;border:0;background:none;color:#748078;font-size:30px;font-weight:300;cursor:pointer}.detail-eyebrow{display:flex;align-items:center;gap:10px;font:12px var(--mono);color:#c2a250;letter-spacing:.08em}.detail-title{font-size:32px;line-height:1.45;letter-spacing:-.04em;margin:17px 34px 18px 0}.detail-category-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.detail-chip{font-size:11px;padding:6px 8px;background:#dfe4e9;color:#485462}.detail-chip.is-primary{background:#243548;color:#e9edf2}.detail-block{border-top:1px solid #d5dadf;padding:18px 0}.detail-block h3{font-size:12px;color:#8a9389;margin:0 0 10px;display:flex;align-items:center;gap:8px}.detail-block h3 span{font:11px var(--mono);color:#d1ae57}.detail-block p{font-size:14px;line-height:1.9;color:#536158;margin:0;white-space:pre-line}.detail-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-meta{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 14px;color:#879087;font-size:12px}.detail-meta b{font-weight:500;color:#47515d}.query-box{background:#1b2734;color:#dde2e7;padding:15px;overflow-wrap:anywhere;font:12px/1.8 var(--mono);white-space:pre-wrap;max-height:180px;overflow:auto}.query-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.query-caveat{font-size:11px;line-height:1.6;color:#8d958c}.copy-button{border:1px solid #b8c6b8;background:#e6eaee;color:#38485b;padding:8px 11px;font-size:12px;white-space:nowrap;cursor:pointer}.detail-warning{display:flex;gap:10px;background:#f0eadc;padding:13px 15px;color:#78683e;font-size:12px;line-height:1.7}.detail-warning span{color:#ccaa53;font-size:17px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;background:#1e2b39;color:#fff;padding:10px 15px;font-size:13px;transition:.2s;pointer-events:none;z-index:9}.toast.is-visible{opacity:1;transform:translate(-50%,0)}\n@media(max-width:1100px){.hero{padding-left:8vw;padding-right:7vw}.metrics{padding:0 6vw}.catalog-section{padding-left:5vw;padding-right:5vw}.catalog-layout{grid-template-columns:220px 1fr;gap:20px}.metric{padding-left:19px}.method-section{padding-left:6vw;padding-right:6vw;grid-template-columns:70px 1fr 1.4fr}}@media(max-width:800px){.topbar{padding:0 5vw;height:68px}.topnav{gap:18px}.topbar-note{display:none}.hero{padding:56px 7vw 44px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:50px}.hero-visual{height:280px;margin-top:26px;max-width:390px}.orbit-one{width:230px;height:230px}.orbit-two{width:170px;height:170px}.metrics{grid-template-columns:repeat(3,1fr);padding:20px 6vw;row-gap:18px}.metric-intro{grid-column:1/-1;padding:0 0 14px}.metric{padding-left:15px;min-height:55px}.metric:first-of-type{border:0;padding-left:0}.metric-aside{display:none}.catalog-section{padding:58px 5vw}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:0}.catalog-layout{grid-template-columns:1fr}.filter-rail{padding:15px}.filter-rail .filter-group:first-of-type{margin-top:14px}.domain-tree{display:flex;gap:8px;overflow:auto;padding-bottom:7px}.domain-parent{flex:none;margin:0}.parent-button{white-space:nowrap;border:1px solid #d9dbd1;padding:8px}.parent-button b{margin-left:4px}.child-list{display:none}.function-filters{max-height:86px;overflow:auto}.rail-foot{display:none}.topic-grid{grid-template-columns:minmax(0,1fr)}.method-section{grid-template-columns:55px 1fr;gap:12px;padding:54px 7vw}.method-steps{grid-column:2/-1}.method-note{grid-column:2/-1}.dialog-shell{padding:33px 25px}.detail-title{font-size:27px}}@media(max-width:540px){.topnav{font-size:12px;gap:14px}.brand{font-size:18px}.hero{padding-top:47px}.hero h1{font-size:43px}.hero-lede{font-size:14px}.hero-visual{transform:scale(.9);transform-origin:top center;margin-bottom:-18px}.hero-stamp{right:7vw;top:20px;transform:scale(.8) rotate(8deg)}.metrics{padding:17px 5vw}.metric strong{font-size:26px}.metric span{font-size:12px}.metric small{font-size:10px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:180px}.search-row{gap:8px}.sort-wrap{gap:3px}.sort-wrap select{max-width:64px;font-size:11px}.sort-wrap>span{display:none}.section-heading h2{font-size:28px}.section-heading-note{font-size:11px}.method-steps{grid-template-columns:1fr;gap:10px}.method-steps article{padding-top:9px}.method-steps h3{margin:7px 0 3px}.method-note{font-size:10px}.footer{padding:20px 5vw}.footer p{max-width:115px;text-align:center;font-size:10px}.dialog-shell{width:100%;height:100%;max-height:100%;margin:0;padding:32px 19px}.detail-two{grid-template-columns:1fr;gap:0}.detail-title{font-size:25px;margin-top:14px}.detail-meta{gap:10px}}\n
/* Independently addressable, crawler-readable topic and category pages. */
.topic-card{display:flex;color:inherit;text-decoration:none}
.topic-card:focus-visible{outline:3px solid #dcb247;outline-offset:3px}
.detail-page{font-size:17px;background:var(--paper);min-height:100vh}
.detail-header{height:70px;padding:0 max(6vw,calc((100vw - 920px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--pine);color:#f8f7ef;font-size:15px}
.detail-header a{color:#f1d693}
.detail-document{max-width:850px;margin:48px auto;padding:48px 62px;background:var(--white);border:1px solid var(--line)}
.detail-document .detail-title{font-size:33px;line-height:1.5}
.detail-document .detail-block h2{font-size:17px;color:#516559;margin:0 0 11px}
.detail-document .detail-block h2 span{font:700 18px/1 var(--mono);color:#966900;margin-right:8px}
.detail-document .detail-block p{font-size:16px;line-height:1.9;color:#536158;margin:8px 0}
.detail-document .detail-chip{display:inline-block;text-decoration:none}
.detail-document .query-box{font-size:14px}
.detail-document .detail-warning,.detail-document .detail-meta,.detail-document .query-caveat{font-size:14px}
.detail-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:var(--muted);font-size:14px}
.category-topic-list{list-style:none;padding:0;margin:0}
.category-topic-list li{border-top:1px solid var(--line)}
.category-topic-list a{display:flex;gap:18px;padding:15px 4px;line-height:1.6}
.category-topic-list a:hover{color:#bd9c48}
.category-topic-list span{flex:none;color:#c2a250;font:13px var(--mono);padding-top:3px}
.report-section-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.report-section-list li{display:flex;align-items:baseline;gap:10px;padding:10px 2px;border-top:1px solid var(--line);font-size:15px;line-height:1.65;color:var(--ink)}
.report-section-number{flex:none;color:var(--orange);font:12px var(--mono)}
@media(max-width:650px){.report-section-list{grid-template-columns:1fr}}
.purchase-contact{display:flex;justify-content:center;margin:34px 0 6px}
.contact-purchase-button{border:0;border-radius:5px;background:#8d2636;color:#fff;padding:14px 38px;font-size:18px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 5px 14px #8d263626;transition:background .18s,transform .18s}
.contact-purchase-button:hover{background:#701b29;transform:translateY(-1px)}
.contact-purchase-button:focus-visible,.purchase-dialog-close:focus-visible{outline:3px solid #d7b34d;outline-offset:3px}
.purchase-dialog{width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:10px;padding:24px;background:#fff;color:var(--ink);box-shadow:0 20px 60px #16223530}
.purchase-dialog::backdrop{background:#101b2bcc}
.purchase-dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}
.purchase-dialog-head h2{margin:0;font-size:21px;color:var(--pine)}
.purchase-dialog-close{border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1;cursor:pointer}
.purchase-contact-layout{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding-top:20px}
.purchase-qr-item{display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:14px}
.purchase-qr-item img{display:block;width:142px;height:142px;object-fit:contain;padding:5px;border:1px solid var(--line);border-radius:5px}
.purchase-contact-details p{display:grid;gap:5px;margin:0 0 17px;font-size:16px}
.purchase-contact-details p:last-child{margin-bottom:0}
.purchase-contact-details p>span{color:var(--muted);font-size:13px}
.purchase-contact-details a{color:var(--pine);font-weight:700}
.purchase-contact-details strong{font-weight:700}
@media(max-width:420px){.purchase-dialog{padding:19px}.purchase-contact-layout{grid-template-columns:1fr;gap:17px}.purchase-contact-details{display:flex;justify-content:space-around;gap:16px}.purchase-contact-details p{margin:0}}
.category-parent{color:var(--muted);font-size:15px}
@media(max-width:900px){.detail-document{margin:24px 4vw;padding:38px 34px}}
@media(max-width:540px){.detail-document{margin:0;padding:30px 20px;border:0}.detail-document .detail-title{font-size:27px}.detail-header{padding:0 18px}}

/* Single-column topic cards: four information rows and pricing in the upper-right corner. */
.topic-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.topic-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:9px;min-height:0;padding:20px 26px 13px}
.card-corner{position:absolute;top:18px;right:24px;display:flex;align-items:center;gap:12px}
.card-titleline{display:flex;align-items:baseline;gap:10px;padding-right:158px;min-height:31px}
.card-titleline .topic-id{flex:none;font:13px var(--mono)}
.topic-card h3{margin:0;font-size:20px;line-height:1.5}
.topic-card .card-tags{display:flex;justify-content:flex-start;gap:7px;flex-wrap:wrap;padding-right:150px}
.topic-card .card-problem{margin:0;max-width:100ch;font-size:14px;font-weight:400;line-height:1.8}
.topic-card .card-customer{display:block;white-space:normal;text-align:left;font-size:13px;font-weight:400;line-height:1.55;color:var(--muted);margin-top:-3px}
.card-price{color:#b89640;font-size:21px;font-weight:700;white-space:nowrap}
.card-price small{display:block;color:#889187;font-size:11px;font-weight:400;text-align:right}
.topic-card .card-arrow{font-size:20px}
@media(max-width:800px){.topic-card{gap:8px;padding:19px 20px 12px}.topic-card h3{font-size:18px}.topic-card .card-problem{font-size:13px}.card-corner{top:15px;right:18px}.card-titleline{padding-right:145px}}
@media(max-width:540px){.topic-card{gap:9px;min-height:0;padding:17px 16px 11px}.card-corner{top:13px;right:14px;gap:7px}.card-titleline{gap:7px;padding-right:116px;min-height:28px}.topic-card h3{font-size:16px;line-height:1.45}.topic-card .card-titleline .topic-id{font-size:11px}.topic-card .card-tags{padding-right:100px}.topic-card .card-customer{text-align:left;max-width:none}.topic-card .card-price{font-size:16px}.topic-card .card-price small{font-size:9px}.topic-card .card-arrow{font-size:16px}}

/* Yitong brand header: logo stacked over the compact site name, slogan at right. */
.topbar{height:auto;min-height:124px;padding:14px 6.1vw;gap:28px}
.brand{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:13px;letter-spacing:0}
.brand-logo{display:block;width:58px;height:58px;object-fit:contain;padding:3px;border-radius:50%;background:var(--white)}
.brand-name{color:#f8f7ef;font-size:13px;line-height:1.35;white-space:nowrap}
.topbar-slogan{margin:0 0 0 auto;color:#f3f2e9;font-size:23px;font-weight:500;letter-spacing:.04em;line-height:1.5;text-align:right}
@media(max-width:650px){.topbar{min-height:104px;padding:10px 5vw;gap:14px}.brand-logo{width:47px;height:47px}.brand-name{font-size:11px}.topbar-slogan{font-size:16px;letter-spacing:0}}
@media(max-width:420px){.topbar{gap:9px}.brand-logo{width:40px;height:40px}.brand-name{font-size:10px}.topbar-slogan{font-size:14px;max-width:58%;line-height:1.4}}

.detail-header{height:auto;min-height:124px;padding:14px 6.1vw;gap:28px}
@media(max-width:650px){.detail-header{min-height:104px;padding:10px 5vw;gap:14px}}
@media(max-width:420px){.detail-header{gap:9px;padding:10px 5vw}}

/* Refined brand accents: navy carries structure; gold stays selective. */
.topbar,.detail-header,.footer{background:#0b2e59}
.brand-logo{background:#fff}
.section-kicker,.detail-eyebrow,.topic-id,.method-index,.card-arrow{color:#966900}
.hero h1 em,.hero-link span,.eyebrow-number{color:#f0c44f}
.card-tag{background:#edf3fa;color:#365a7b}
.card-tag.primary{background:#dce9f7;color:#173f6d}
.detail-chip{background:#e8f0f9;color:#315777}
.detail-chip.is-primary{background:#123b69;color:#fff}
.card-price{color:#8b6200}
.copy-button{border-color:#c8d8e8;background:#edf3fa;color:#174477}
.detail-warning{background:#fff4d8;color:#735600}
.metric,.filter-rail,.topic-card,.detail-document,.searchbox,.select-wrap{border-color:#dce4ee}
.topic-card:hover{border-color:#9db7d2;box-shadow:0 12px 28px #0b2e5914}
::selection{background:#f4d778;color:#17243a}
.catalog-section{padding-top:34px}
.filter-rail{background:#fff}
.topbar{position:relative;justify-content:space-between}
.topbar-slogan{position:absolute;left:50%;transform:translateX(-50%);margin:0;max-width:calc(100% - 320px);text-align:center;font-size:26px}
.slogan-main{display:block}
.slogan-subtitle{display:block;margin-top:3px;color:#c5d2e0;font-size:13px;font-weight:400;letter-spacing:.08em;line-height:1.5}
.slogan-link{color:inherit;text-decoration:underline;text-underline-offset:2px}
.topbar-qrcode{display:block;width:78px;height:78px;object-fit:contain;padding:3px;background:#fff;border-radius:5px}
@media(max-width:650px){.topbar-slogan{max-width:calc(100% - 180px);font-size:18px}.slogan-subtitle{font-size:11px}.topbar-qrcode{width:60px;height:60px}}
@media(max-width:420px){.topbar-slogan{max-width:calc(100% - 140px);font-size:15px;line-height:1.35}.slogan-subtitle{font-size:10px;letter-spacing:0}.topbar-qrcode{width:48px;height:48px}}
.footer.site-footer{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr) auto;grid-template-areas:"qr contact back";gap:24px;align-items:center;min-height:150px;padding:22px 6vw}
.footer-back{grid-area:back;color:#fff;font-size:15px;white-space:nowrap}
.footer-contact{grid-area:contact;justify-self:center;display:grid;gap:7px;color:#f2f5f8;font-size:14px;line-height:1.55}
.footer-qrcode{grid-area:qr;display:block;width:78px;height:78px;object-fit:contain;padding:3px;background:#fff;border-radius:5px}
@media(max-width:650px){.footer.site-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"qr back" "contact contact";gap:16px;padding:22px 5vw}.footer-contact{justify-self:start;font-size:12px}.footer-qrcode{width:60px;height:60px}}
@media(max-width:420px){.footer-contact{font-size:11px}.footer-qrcode{width:48px;height:48px}}
.page-arrow{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.page-arrow.is-disabled{opacity:.4;cursor:default}
.page-numbers{display:flex;align-items:center;gap:6px}
.page-number{min-width:30px;height:30px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dcd2;background:transparent;color:#52665a;font:12px var(--mono);text-decoration:none;cursor:pointer}
.page-number:hover{border-color:#9db7d2;color:#174477}
.page-number.is-active{border-color:#0b2e59;background:#0b2e59;color:#fff}
.page-ellipsis{color:#8994a1}
