.sidebar nav{gap:6px}.nav-home{margin-bottom:8px}.nav-section{border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035);overflow:hidden}.nav-section summary{list-style:none;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:12px;color:#d9ecfb;cursor:pointer;font-size:12px;font-weight:850}.nav-section summary::-webkit-details-marker{display:none}.nav-section summary::after{content:'⌄';color:#8fc5ee;font-size:13px;transition:.18s}.nav-section[open] summary::after{transform:rotate(180deg)}.nav-section summary .ico{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.08)}.nav-section-body{display:grid;gap:4px;padding:0 7px 8px}.nav-section .nav-btn{min-height:39px;padding:8px 9px 8px 12px}.nav-section .nav-btn .ico{width:25px;height:25px;font-size:12px}.nav-section.current{border-color:rgba(143,197,238,.34);background:rgba(255,255,255,.065)}
.toolbox-hero{background:linear-gradient(135deg,#173b63 0%,#245d91 60%,#2f6fed 100%);color:white}.toolbox-hero h2{color:white}.toolbox-hero p{color:#dfebf7}.toolbox-hero .pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:white}.filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.method-card{overflow:hidden;padding:0}.method-card-head{padding:20px;background:linear-gradient(135deg,#f8fbff,#edf4ff);border-bottom:1px solid #dfe8f4}.method-card-head h3{margin:10px 0 6px}.method-card-head p{margin:0;color:#607389;font-size:13px;line-height:1.5}.method-card-body{padding:18px}.method-flow{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:4px 0 12px}.method-flow span{min-width:max-content;padding:7px 9px;border-radius:9px;background:#f2f6fb;border:1px solid #dfe7f1;color:#4f657d;font-size:12px;font-weight:850}.method-flow i{color:#7ba8ff;font-style:normal}.method-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.method-evidence div{padding:11px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.method-evidence small{display:block;color:#2f6fed;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.method-evidence p{margin:5px 0 0;font-size:12px;line-height:1.45;color:#5f7187}.practice-detail{margin-top:12px}.practice-detail summary{cursor:pointer;color:#2457b8;font-size:12px;font-weight:850}.practice-detail-body{padding-top:12px}.reflection-frame{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reflection-frame div{padding:11px;border-radius:12px;background:#fff;border:1px solid #dfe7f1}.reflection-frame b{display:block;color:#173b63;font-size:12px}.reflection-frame span{display:block;margin-top:5px;color:#66788e;font-size:12px;line-height:1.4}
.case-grid{display:grid;gap:17px}.case-card{padding:0;overflow:hidden}.case-top{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px 20px;background:#f8fbff;border-bottom:1px solid #dfe8f2}.case-number{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#173b63;color:white;font-weight:900}.case-top h3{margin:0}.case-top p{margin:4px 0 0;font-size:12px;color:#687b91}.case-body{padding:20px}.case-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-block{padding:15px;border:1px solid #dfe7f1;border-radius:15px;background:white}.case-block h4{margin:0 0 8px;color:#173b63}.case-block p,.case-block li{color:#5d7087;font-size:12px;line-height:1.55}.evidence-chain{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.evidence-chain span{padding:7px 9px;border-radius:9px;background:#eef5ff;color:#2457b8;font-size:12px;font-weight:850}.research-callout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.research-callout article{padding:17px;border-radius:16px;background:white;border:1px solid #dfe7f1}.research-callout strong{display:block;color:#173b63}.research-callout p{font-size:12px;color:#63778e;line-height:1.55}.source-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#edf9f4;color:#287a5b;border:1px solid #bde6d4;font-size:12px;font-weight:850}.source-badge.model{background:#fff8e8;color:#8b5510;border-color:#f0d7a6}.empty-state{padding:30px;border:1px dashed #b9cce3;border-radius:17px;text-align:center;background:#f7fbff;color:#5d7087}
@media(max-width:1050px){.method-grid,.case-columns{grid-template-columns:1fr}.method-evidence,.research-callout{grid-template-columns:1fr}.reflection-frame{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.filter-bar,.reflection-frame{grid-template-columns:1fr}.case-top{grid-template-columns:auto 1fr}.case-top>.source-badge{grid-column:1/-1}.method-flow{align-items:stretch;flex-direction:column}.method-flow i{display:none}}