@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#191b20;--muted:#737780;--line:#e5e7ec;--blue:#4d77b0;--red:#c34d4c;--pale:#eef3fa;--radius:20px;--font:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #477abc;outline-offset:4px}button,a{transition:background .18s,color .18s,transform .18s}h1,h2,h3,p{margin:0}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:min(1180px,calc(100% - 64px));margin:auto}.skip-link{position:fixed;top:-100px;z-index:100;padding:12px;background:#fff}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:20;height:84px;border-bottom:1px solid #eef0f4;background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}.header-inner{width:min(1380px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:18px;font-weight:700;letter-spacing:-.6px}.brand small{font-weight:400;color:#7b818b}.main-nav{display:flex;align-items:center;gap:26px;white-space:nowrap;font-size:13px}.main-nav a:hover{color:var(--blue)}.dropdown{position:relative}.dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px}.dropdown summary::-webkit-details-marker{display:none}.dropdown summary svg{width:13px}.dropdown-panel{position:absolute;top:34px;left:-14px;width:230px;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 16px 45px #26364b17;padding:8px;z-index:40}.dropdown-panel a{display:flex;padding:10px 12px;justify-content:space-between;border-radius:7px}.dropdown-panel a:hover{background:var(--pale)}.header-tools{display:flex;gap:16px;align-items:center;flex:1;justify-content:flex-end}.search-form{display:flex;align-items:center;gap:9px;border:1px solid #e7e9ef;background:#f8f9fb;border-radius:10px;padding:0 12px;height:39px;max-width:330px;flex:1;min-width:140px}.search-form svg{color:#9298a2;width:16px}.search-form input{border:0;outline:0;background:none;width:100%;font-size:12px;min-width:0;color:var(--ink)}.search-form:focus-within{border-color:#89a6cc}.search-form kbd{font-family:inherit;color:#9198a4;font-size:10px;border:1px solid #dce0e7;padding:1px 5px;border-radius:4px}.languages{display:flex;align-items:center;gap:3px;white-space:nowrap}.languages button{background:none;border:0;font-size:12px;color:#91969f;padding:6px}.languages button.active{color:#172b48;font-weight:700}.languages span{color:#d2d6dd;font-size:12px}.login-button,.dark-button{background:#1d2025;color:#fff;border:1px solid #1d2025;border-radius:9px;padding:10px 18px;white-space:nowrap;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-button:hover,.dark-button:hover{background:#343a45}.hero{position:relative;text-align:center;background:linear-gradient(#f4f7fc,#f9fbfd 60%,#eaf0f7);overflow:hidden;height:450px}.hero-content{position:relative;z-index:2;padding-top:57px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8192a9;font-weight:600;text-transform:uppercase;display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:17px}.eyebrow .dot{width:5px;height:5px;border-radius:50%;background:#8eafd9}.hero h1{font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-1.8px;line-height:1.35}.hero h1 em{font-style:normal;color:#5c7eac}.hero p{font-size:14px;color:#8b929c;margin-top:16px;letter-spacing:.2px}.category-chips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:27px}.chip{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:30px;font-size:12px;background:#ffffffd9;border:1px solid #e1e7ef;box-shadow:0 2px 5px #364f7410}.chip svg{width:14px;height:14px;color:#7a8ba1}.chip:hover,.chip.active{background:#202a38;color:white;border-color:#202a38}.chip:hover svg,.chip.active svg{color:#fff}.preview-note{display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:9px 22px;background:#f8fafc;color:#8a919c;font-size:11px;border-bottom:1px solid #eef1f5;text-align:center}.preview-note svg{width:13px;height:13px}.section{padding-top:65px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-kicker{color:#9aa2ae;font-size:10px;letter-spacing:1.7px;margin-bottom:8px;text-transform:uppercase}.section h2,.section-head h2{font-size:25px;letter-spacing:-.7px;font-weight:500}.section-sub{font-size:12px;color:#9298a2;margin-top:9px;line-height:1.7}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#5f6773}.text-link:hover{color:#234d83}.text-link svg{width:15px}.legend{display:flex;gap:14px;color:#858b95;font-size:10px;align-items:center}.legend span{display:flex;gap:5px;align-items:center}.legend i{height:6px;width:6px;border-radius:50%;background:var(--red)}.legend span:nth-child(2) i{background:#6489b8}.legend span:nth-child(3) i{background:#afb5be}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bot-card{border:1px solid #e5e7eb;border-radius:var(--radius);overflow:hidden;background:white;transition:transform .25s,box-shadow .25s;position:relative}.bot-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #1d36510b}.bookmark{position:absolute;right:15px;top:15px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffffd9;background:#ffffffe0;border-radius:50%;z-index:2;color:#6b7786}.bookmark svg{width:14px;height:14px}.bookmark.saved{color:#476f9f;background:#e6eef9}.bookmark.saved svg{fill:#9db8dc}.card-body{padding:22px 23px 0}.card-identity{display:flex;align-items:center;gap:8px;margin-bottom:17px}.avatar{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.card-identity .byline{font-size:10px;color:#808793;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{display:inline-flex;gap:4px;align-items:center;padding:5px 7px;border-radius:6px;font-size:9px;line-height:1;white-space:nowrap;background:#f0f2f5;color:#818994}.rating.top{background:#fcf0ee;color:#bb4e4b;border:1px solid #f4dad6}.rating.recommended{background:#edf3fb;color:#5c7fac;border:1px solid #dfe8f5}.rating svg{width:10px;height:10px}.card-body h3{font-size:20px;font-weight:500;line-height:1.45;letter-spacing:-.6px;min-height:58px}.card-body h3 a:after{content:'';position:absolute;inset:0;z-index:0}.card-body h3 a{position:relative;z-index:1}.card-desc{color:#8b9099;font-size:12px;line-height:1.85;margin-top:11px;height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{border-top:1px solid #eceef2;display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:17px 0 18px;font-size:10px;color:#999fa9}.card-foot a{color:#343b45;font-weight:500;display:flex;align-items:center;gap:5px;position:relative;z-index:1}.card-foot a svg{width:13px}.updates{margin:70px auto 75px;border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.updates h2{font-size:24px;font-weight:500;margin-bottom:12px}.updates p{font-size:12px;line-height:1.9;color:#8e95a0}.update-item{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.update-item:first-child{padding-top:0}.update-item strong{font-size:13px;font-weight:500;display:block;margin-bottom:7px}.update-item small{color:#939aa5;font-size:11px}.status{font-size:10px;border:1px solid var(--line);padding:5px 9px;border-radius:20px;color:#8a929e;white-space:nowrap}.site-footer{background:linear-gradient(#f7f9fc,#e4edfa);padding:48px 0 30px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand .brand{color:#789ccf;font-size:17px}.footer-brand p{margin-top:13px;color:#748299;font-size:11px}.footer-links{display:flex;gap:25px;font-size:12px;color:#677487}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dbe4f1;padding-top:23px;margin-top:37px;color:#98a5b7;font-size:10px;gap:20px}.list-intro{padding:58px 0 30px;background:linear-gradient(#f5f8fc,#fff)}.breadcrumb{font-size:11px;color:#8c97a5;margin-bottom:23px;display:flex;gap:9px;align-items:center}.breadcrumb a:hover{color:#436c9e}.list-intro h1{font-size:36px;letter-spacing:-1px;font-weight:500}.list-intro p{margin-top:13px;color:#8c939e;font-size:13px}.list-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:28px}.list-controls .category-chips{margin:0;justify-content:flex-start}.list-controls select{background:white;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:12px}.result-count{color:#9299a4;font-size:11px;margin-bottom:18px}.list-area{padding-bottom:76px;min-height:400px}.empty{padding:70px 20px;text-align:center;color:#9299a4;border:1px dashed #dce3ed;border-radius:15px}.empty h2{font-size:22px;color:#4b586b;margin-bottom:13px;font-weight:500}.empty .chip{margin-top:22px}.detail{padding:38px 0 80px}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}.detail-title{display:flex;gap:18px;align-items:center}.detail-title .avatar{width:64px;height:64px}.detail-title h1{font-size:34px;font-weight:500;line-height:1.35;letter-spacing:-1px}.detail-title small{color:#8b95a4;display:block;margin-top:7px}.detail-lead{font-size:16px;line-height:1.9;color:#7b8594;margin:22px 0}.detail-cover{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:18px;margin:25px 0}.detail-section{padding:29px 0;border-bottom:1px solid var(--line)}.detail-section h2{font-size:20px;font-weight:500;margin-bottom:15px}.detail-section p,.detail-section li{font-size:14px;line-height:1.95;color:#7b8593}.detail-section ul,.detail-section ol{padding-left:20px;margin-bottom:0}.detail-section .notice{background:#f5f8fc;padding:18px;border-radius:12px;font-size:12px;line-height:1.85;color:#758299}.prompt-box{white-space:pre-wrap;background:#f7f9fc;border:1px solid #e3e9f1;padding:20px;border-radius:12px;font-family:var(--font);line-height:1.9;color:#4f6077;font-size:13px;margin:17px 0}.side-panel{position:sticky;top:110px;border:1px solid var(--line);border-radius:17px;padding:25px;margin-top:5px}.side-panel h2{font-size:17px;font-weight:500;margin-bottom:10px}.side-panel p{font-size:12px;color:#8c95a2;line-height:1.85;margin-bottom:20px}.side-panel .dark-button,.side-panel .outline-button{width:100%;margin-top:10px;min-height:43px}.outline-button{background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.outline-button:hover{background:#f5f8fc}.side-meta{margin-top:24px;border-top:1px solid var(--line);padding-top:10px}.side-meta div{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;color:#8a94a3}.side-meta strong{color:#4d5c72;font-weight:500}.article{max-width:780px;margin:0 auto;padding:50px 25px 90px}.article h1{font-size:36px;font-weight:500;margin-bottom:22px}.article .intro{font-size:16px;line-height:1.9;color:#8691a0}.article h2{font-size:22px;font-weight:500;margin:35px 0 12px}.article p,.article li{font-size:14px;line-height:1.95;color:#798594}.article a{color:#4c78b1;text-decoration:underline}.mascot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:35px}.mascot-tile{padding:15px 8px;text-align:center;background:#f4f7fb;border:1px solid #e7ecf3;border-radius:15px}.mascot-tile img{width:90px;height:90px;object-fit:contain;image-rendering:pixelated;margin:auto}.mascot-tile p{font-size:12px;color:#64768d}.mascot-tile small{font-size:10px;color:#a1acba}.rating-guide{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.rating-guide .rating{font-size:12px;padding:9px 13px}dialog{border:1px solid #e3e8f0;border-radius:23px;padding:38px;max-width:430px;width:calc(100% - 36px);box-shadow:0 30px 100px #273e6324;color:var(--ink)}dialog::backdrop{background:#15243a45;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:15px;background:none;border:0;color:#9aa5b5;padding:5px}.login-avatar{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;margin:0 auto 17px}dialog h2{text-align:center;font-size:25px;font-weight:500}dialog p{font-size:12px;color:#8794a5;line-height:1.9;margin:18px 0;text-align:center}.google-button{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;border:1px solid #dfe4ec;background:#f4f6f9;border-radius:10px;padding:13px;color:#8893a2}.google-letter{font-weight:700;font-size:18px}.dialog-note{border-top:1px solid var(--line);padding-top:16px}.dialog-alt{display:block;text-align:center;color:#557eaf;font-size:12px;margin-top:20px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#202c3e;color:white;padding:13px 23px;border-radius:12px;box-shadow:0 8px 32px #263e6122;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:12px;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.fade-in{animation:appear .45s ease both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{height:480px}.hero-content{padding-top:65px}.container{width:min(1260px,calc(100% - 96px))}}
@media(max-width:1150px){.header-inner{gap:20px;width:calc(100% - 36px)}.main-nav{gap:16px}.brand{font-size:16px}.header-tools{gap:8px}.search-form{max-width:250px}.search-form kbd{display:none}.container{width:calc(100% - 48px)}.grid{gap:18px}.card-body{padding:18px 18px 0}.card-body h3{font-size:18px}.card-identity{gap:5px}.avatar{width:31px;height:31px}.rating{font-size:8px}.detail-grid{gap:35px;grid-template-columns:1fr 290px}}
@media(max-width:900px){.site-header{height:119px}.header-inner{flex-wrap:wrap;gap:0;justify-content:space-between;padding:15px 0}.header-tools{display:contents}.brand{order:0}.main-nav{order:4;gap:24px}.search-form{order:5;max-width:330px;flex:1;margin-left:25px;height:34px}.languages{margin-left:auto;margin-right:12px;order:1}.login-button{order:2;padding:8px 14px}.main-nav,.search-form{margin-top:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr 260px;gap:24px}.detail-title h1{font-size:28px}.side-panel{top:145px;padding:19px}.section{padding-top:48px}.updates{gap:36px}.hero h1{font-size:36px}.hero{height:420px}.section-head .legend{display:none}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.header-inner{width:calc(100% - 28px)}.brand{font-size:15px;gap:7px}.brand small{display:none}.languages{margin-right:6px}.languages button{padding:5px;font-size:11px}.login-button{font-size:11px;padding:8px 12px}.main-nav{gap:15px;font-size:11px}.main-nav .guide-nav{display:none}.search-form{min-width:0;max-width:none;margin-left:18px;padding:0 8px;gap:5px}.search-form input{font-size:10px}.hero{height:385px}.hero-content{padding:39px 18px 0}.hero h1{font-size:29px;letter-spacing:-1px}.hero p{font-size:12px;line-height:1.8;max-width:260px;margin:12px auto 0}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:14px}.category-chips{gap:6px;margin-top:22px}.chip{padding:8px 12px;font-size:10px;gap:5px}.chip svg{width:12px;height:12px}.preview-note{font-size:9px;line-height:1.6;padding:8px 16px}.section{padding-top:37px}.section h2,.section-head h2{font-size:22px}.section-kicker{font-size:8px}.section-head{margin-bottom:18px}.section-sub{font-size:10px}.text-link{font-size:10px;gap:5px}.grid{grid-template-columns:1fr;gap:23px}.card-body{padding:21px 23px 0}.card-body h3{font-size:21px;min-height:0;line-height:1.55}.card-desc{font-size:12px;height:auto;min-height:42px}.card-identity{gap:9px}.card-identity .byline{font-size:11px}.rating{font-size:9px;padding:6px 8px}.avatar{width:35px;height:35px}.card-foot{padding:17px 0;font-size:11px}.updates{margin:44px auto 45px;grid-template-columns:1fr;gap:28px;padding-top:30px}.updates h2{font-size:22px}.footer-main{align-items:flex-start;flex-direction:column;gap:28px}.footer-links{gap:22px;font-size:11px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:11px;line-height:1.6;margin-top:28px}.site-footer{padding:32px 0 25px}.list-intro{padding-top:34px}.list-intro h1{font-size:29px}.list-controls{align-items:flex-start;gap:16px;flex-direction:column}.list-controls select{font-size:11px}.detail{padding-top:25px}.detail-grid{display:flex;flex-direction:column;gap:25px}.detail-main{width:100%}.detail-title{gap:12px}.detail-title .avatar{width:50px;height:50px}.detail-title h1{font-size:27px}.detail-lead{font-size:14px}.side-panel{position:static;width:100%;order:-1;margin-top:0}.side-panel .side-meta{display:none}.side-panel h2{font-size:15px}.side-panel p{margin-bottom:6px}.detail-cover{margin-top:20px}.article h1{font-size:29px}.mascot-grid{grid-template-columns:repeat(2,1fr)}.mascot-tile img{width:100px;height:100px}.article{padding-top:35px}.dialog-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:900px){.header-inner{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:34px 34px;column-gap:12px;row-gap:10px;align-content:center;padding:12px 0}.brand{grid-column:1/3;grid-row:1}.languages{grid-column:3;grid-row:1;margin:0}.login-button{grid-column:4;grid-row:1}.main-nav{grid-column:1;grid-row:2;margin:0}.search-form{grid-column:2/5;grid-row:2;margin:0;max-width:none;width:100%}}
.card-desc,.section-sub{color:#6c7480}.card-identity .byline,.card-foot{color:#737c89}.hero p{color:#748090}
.planned-case{padding:25px 0 10px}.planned-case h3,.related-heading{font-size:17px;font-weight:500;line-height:1.5;margin:0 0 13px}.planned-case+.planned-case{border-top:1px solid var(--line);margin-top:20px}.detail-section .source-note{font-size:11px;line-height:1.8;color:#8791a1;margin-top:13px}.case-check-label{margin-top:20px;font-weight:500}.related-heading{margin-top:25px}.source-card{border:1px solid #e4e9f0;border-radius:13px;padding:20px;margin:15px 0}.source-kind{font-size:9px;letter-spacing:1.2px;color:#8b98aa}.source-card h3{font-size:15px;line-height:1.6;margin:9px 0}.source-card .text-link{white-space:normal;line-height:1.6;color:#455f80}.source-card p{font-size:13px}
.use-case-figure{margin:27px 0 10px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#f8fbfe}.use-case-figure .detail-cover{display:block;margin:0;border-radius:0;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#f2f7fd}.use-case-figure figcaption{padding:17px 20px;background:#fff;border-top:1px solid #e9edf3;display:flex;flex-direction:column;gap:7px}.illustration-label{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#7890ad}.illustration-flow{font-size:13px;line-height:1.7;color:#42566f}.illustration-note{font-size:10px;line-height:1.7;color:#8490a0}@media(max-width:640px){.use-case-figure{margin-top:23px;border-radius:12px}.use-case-figure figcaption{padding:13px 15px}.illustration-flow{font-size:12px}.illustration-label{font-size:8px;line-height:1.7}}
.brand-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.footer-brand .brand{color:#222b39}.text-card{border-color:#e5e5e7;border-radius:20px;cursor:pointer}.text-card:hover{transform:translateY(-3px);box-shadow:0 9px 28px #1e2b3f08;border-color:#cdd6e2}.text-card .card-body{padding:26px 26px 0;height:100%;display:flex;flex-direction:column}.text-card .card-identity{gap:10px;margin-bottom:21px;min-height:37px}.avatar-tile{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #ededf0;border-radius:11px;background:#f8f9fb}.avatar-tile .avatar{width:32px;height:32px}.text-card .byline{font-size:12px;font-weight:500;color:#666b72}.text-card .rating{border-radius:20px;padding:6px 8px;font-size:9px}.text-card h3{font-size:22px;line-height:1.5;letter-spacing:-.7px;min-height:66px;font-weight:500}.text-card .card-desc{font-size:13px;line-height:1.85;height:48px;color:#7b7e85;margin-top:12px}.text-card .card-foot{margin-top:34px;padding:19px 0;min-height:64px;font-size:10px;color:#878b92}.card-actions{display:flex;gap:12px;align-items:center}.text-card .bookmark{position:relative;top:auto;right:auto;width:28px;height:28px;border:0;background:none;color:#a0a8b3}.text-card .bookmark:hover{background:#f0f4fa;color:#48678f}.text-card .bookmark.saved{color:#4b729f;background:#eef3fa}.text-card .card-foot a{font-size:12px;color:#22262d;gap:7px}.text-card .card-foot a svg{width:14px}.text-card .card-foot>span{line-height:1.6;max-width:48%}
@media(max-width:1150px){.text-card .card-body{padding:22px 21px 0}.text-card .card-identity{gap:7px}.text-card .byline{font-size:11px}.text-card .rating{font-size:8px;padding:6px}.text-card h3{font-size:20px;min-height:60px}.text-card .card-desc{font-size:12px}.text-card .card-foot a{font-size:11px}.card-actions{gap:6px}}
@media(max-width:640px){.brand-logo{width:29px;height:29px}.text-card .card-body{padding:25px 25px 0}.text-card .byline{font-size:12px}.text-card h3{font-size:22px;min-height:0}.text-card .rating{font-size:9px;padding:6px 8px}.text-card .card-desc{font-size:13px;min-height:48px;height:auto}.text-card .card-foot{margin-top:31px}.text-card .card-foot a{font-size:12px}.text-card .card-identity{gap:9px;margin-bottom:20px}}



/* A-version studio panorama: the two identical strips meet at each loop. */
.hero{height:500px;background:linear-gradient(#f9fcff,#eff7fd);isolation:isolate}
.hero-marquee{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.hero-track{position:absolute;bottom:0;left:0;display:flex;width:max-content;animation:hero-drift 70s linear infinite;will-change:transform}
.hero-track img{display:block;width:max(100vw,1100px);height:auto;max-width:none;flex:none;mix-blend-mode:multiply}
@keyframes hero-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.hero.is-paused .hero-track{animation-play-state:paused}
.hero-motion-toggle{position:absolute;z-index:3;right:18px;bottom:12px;border:1px solid #dbe4ef;border-radius:20px;background:#fffffff0;color:#5a6d85;font:inherit;font-size:10px;padding:7px 12px;cursor:pointer}
.hero-motion-toggle:focus-visible{outline:2px solid #5c7eac;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.hero-motion-toggle:hover{background:#eef4fb}}
@media(min-width:1600px){.hero{height:560px}}
@media(max-width:900px){.hero{height:480px}}
@media(max-width:640px){.hero{height:470px}.hero-motion-toggle{font-size:9px;right:12px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-track{animation:none;will-change:auto}.hero-motion-toggle{display:none}}

.fixture-input{white-space:pre-line}.test-evidence{margin:20px 0;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:15px 18px;font-size:12px;line-height:1.7}.test-evidence>div{display:grid;grid-template-columns:minmax(110px,1fr) 1.4fr;gap:15px;padding:6px 0}.test-evidence dt{color:#68778b}.test-evidence dd{margin:0;color:#45546a}.test-packet-link{margin-top:17px}.planned-case+.planned-case{margin-top:35px}.planned-case h3{font-size:17px;font-weight:500;margin:24px 0 12px}
@media(max-width:640px){.test-evidence>div{grid-template-columns:1fr;gap:2px}}