
.storage-hero{padding:68px 0;background:radial-gradient(circle at 82% 18%,rgba(255,176,0,.12),transparent 31%),#060606;border-bottom:1px solid #201b0f}
.storage-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}
.storage-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.055em;margin:10px 0 16px}
.storage-hero h1 span{color:#ffca44}.storage-hero p{color:#999}
.storage-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.storage-tags span{font-size:.65rem;color:#85858a;border:1px solid #2b2b2d;background:#0a0a0a;border-radius:999px;padding:6px 9px}
.storage-hero-map{border:1px solid #302811;border-radius:17px;padding:18px;background:#090909}.viz-title{font-size:.67rem;color:#ffb000;font-weight:900;letter-spacing:.14em;margin-bottom:14px}
.storage-flow{display:flex;align-items:center;gap:6px}.storage-flow div{flex:1;border:1px solid #333;border-radius:9px;padding:11px 6px;text-align:center;background:#0d0d0e}.storage-flow b,.storage-flow small{display:block}.storage-flow b{font-size:.67rem}.storage-flow small{font-size:.57rem;color:#737378}.storage-flow i{width:16px;height:2px;background:#5a4300;position:relative}.storage-flow i:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#ffb000;animation:storageFlow 1.5s linear infinite}@keyframes storageFlow{from{left:0}to{left:calc(100% - 7px)}}.storage-hero-map p{color:#6e6e73;font-size:.68rem;border-top:1px solid #242018;padding-top:10px;margin-bottom:0}
.storage-section{padding:76px 0}.storage-section.dark{background:#080808;border-block:1px solid #1b1b1c}
.protocol-switch,.storage-seq-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.protocol-tab,.storage-seq-tab{border:1px solid #29292b;background:#0d0d0e;color:#8a8a90;border-radius:9px;padding:9px 12px;font-size:.7rem;font-weight:900}.protocol-tab.active,.storage-seq-tab.active{background:#ffb000;color:#160f00;border-color:#ffb000}
.protocol-workspace{display:grid;grid-template-columns:1.3fr .7fr;border:1px solid #2a281f;border-radius:14px;overflow:hidden;background:#0b0b0b}.protocol-chain{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.protocol-node{border:1px solid #29292b;border-radius:10px;background:#0d0d0e;color:#ddd;padding:12px;text-align:left}.protocol-node:hover,.protocol-node.active{border-color:#ffb000;background:#151005}.protocol-node span{color:#ffb000;font-size:.61rem;font-weight:900}.protocol-node b,.protocol-node small{display:block}.protocol-node b{margin-top:6px}.protocol-node small{color:#777;font-size:.63rem;margin-top:3px}.protocol-detail{padding:17px;border-left:1px solid #2a281f;background:linear-gradient(160deg,#111006,#090909)}.protocol-detail h3{margin:7px 0}.protocol-detail p,.protocol-detail li{color:#828287;font-size:.72rem}.protocol-detail ul{padding-left:18px}
.protocol-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.protocol-comparison article{border:1px solid #29292b;border-radius:10px;background:#0d0d0e;padding:12px}.protocol-comparison span{color:#ffb000;font-size:.61rem;font-weight:900}.protocol-comparison h3{font-size:.9rem;margin:7px 0 4px}.protocol-comparison p{color:#777;font-size:.68rem;margin:0}
.storage-seq-shell{display:grid;grid-template-columns:1.4fr .6fr;border:1px solid #29292b;border-radius:14px;overflow:hidden;background:#0b0b0b}.storage-seq-shell>div{padding:16px}.storage-seq-head{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid #24221b;padding-bottom:11px}.storage-seq-head h3{margin:5px 0}.storage-seq-head p{color:#777;font-size:.71rem}.storage-seq-summary{border:1px solid #352b13;border-radius:9px;background:#131007;padding:9px;color:#bba86f;font-size:.67rem;min-width:190px}.storage-seq-summary strong{display:block;color:#ffca44;margin-bottom:4px}
.storage-seq-timeline{display:grid;grid-template-columns:repeat(8,minmax(115px,1fr));gap:7px;overflow-x:auto;padding:14px 0}.storage-seq-stage{border:1px solid #29292b;border-radius:9px;background:#0d0d0e;color:#ddd;text-align:left;padding:10px;min-height:104px}.storage-seq-stage:hover,.storage-seq-stage.active{border-color:#ffb000;background:#151005}.storage-seq-stage b,.storage-seq-stage span,.storage-seq-stage small{display:block}.storage-seq-stage b{color:#ffb000;font-size:.61rem}.storage-seq-stage span{font-weight:900;font-size:.73rem;margin-top:5px}.storage-seq-stage small{color:#777;font-size:.6rem;margin-top:3px}.storage-seq-inspector{padding:18px;border-left:1px solid #29292b;background:linear-gradient(160deg,#111006,#090909)}.storage-seq-inspector h3{margin:7px 0}.storage-seq-inspector p,.storage-seq-inspector li{color:#818186;font-size:.71rem}.storage-seq-inspector dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #222;font-size:.68rem}.storage-seq-inspector dt{color:#777}.storage-seq-inspector dd{margin:0;color:#ddd;text-align:right}
.storage-table{width:100%;border-collapse:collapse;min-width:1100px}.storage-table th{background:#0d0c09;color:#ffb000;padding:9px;text-align:left;font-size:.63rem}.storage-table td{padding:9px;border-top:1px solid #222;color:#aaa;font-size:.67rem}.storage-table td:nth-child(2){color:#ffca44;font-weight:800}.storage-seq-table{min-width:1200px}.table-wrap{overflow-x:auto;border:1px solid #29292b;border-radius:12px}
.sequence-checker{margin-top:12px;border:1px solid #29292b;border-radius:12px;background:#0d0d0e;padding:14px}.sequence-checker h3{margin:5px 0 9px}.storage-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.storage-check-item{display:grid;grid-template-columns:1fr 125px;gap:7px;align-items:center;border:1px solid #272729;border-radius:8px;background:#090909;padding:8px}.storage-check-item span{color:#aaa;font-size:.67rem}.storage-check-item select{background:#050505;color:#eee;border:1px solid #303034;border-radius:7px;padding:7px}.sequence-checker>button,.storage-tools button,.health-form button{width:100%;min-height:41px;border:0;border-radius:8px;background:#ffb000;color:#160f00;font-weight:900;margin-top:9px}.storage-result{margin-top:9px;border:1px solid #29261b;border-radius:8px;background:#090907;padding:9px;color:#7f7f84;font-size:.69rem}.storage-result strong{color:#ffca44}
.case-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.case-controls select{background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.storage-case-layout{display:grid;grid-template-columns:1.35fr .65fr;border:1px solid #2a281f;border-radius:14px;overflow:hidden;background:#0b0b0b}.storage-case-main{padding:17px}.storage-repair{padding:17px;border-left:1px solid #2a281f;background:linear-gradient(160deg,#111006,#090909)}.case-title-row{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:1px solid #24221b;padding-bottom:11px}.case-title-row h3{font-size:1.35rem;margin:5px 0}.stage-chip{border:1px solid #5a4300;color:#ffb000;border-radius:999px;padding:6px 8px;font-size:.62rem;font-weight:900}.case-summary{color:#85858a;font-size:.74rem}.storage-case-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:9px}.storage-case-grid section{border:1px solid #272729;border-radius:9px;padding:11px;background:#0d0d0e}.storage-case-grid h4{margin:0 0 8px}.storage-case-grid p,.storage-case-grid li{color:#85858a;font-size:.68rem}.measurement-list{display:grid;gap:4px}.measurement-line{display:flex;justify-content:space-between;gap:7px;border-bottom:1px solid #222;padding:5px 0;font-size:.67rem}.measurement-line span{color:#777}.measurement-line b{color:#ddd;text-align:right}.storage-interpret{color:#999;font-size:.7rem}.storage-interpret strong{display:block;color:#ffca44;margin-bottom:5px}.storage-repair h3{margin:6px 0 10px}.repair-step{display:grid;grid-template-columns:24px 1fr;gap:8px;border-bottom:1px solid #242424;padding:7px 0}.repair-step b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffb000;color:#160f00;font-size:.64rem}.repair-step span{color:#aaa;font-size:.69rem}.repair-note{margin-top:10px;border-left:3px solid #ffb000;background:#131007;padding:9px;color:#ad9b70;font-size:.67rem}
.storage-db-controls{display:grid;grid-template-columns:1fr 220px auto;gap:8px;align-items:center;margin-bottom:10px}.storage-db-controls input,.storage-db-controls select{background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.storage-db-controls span{color:#777;font-size:.68rem}.storage-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.storage-tools section{border:1px solid #29292b;border-radius:12px;background:#0d0d0e;padding:15px}.storage-tools h3{margin:6px 0 11px}.storage-tools label{display:block;margin-bottom:8px}.storage-tools label span{display:block;color:#777;font-size:.66rem;margin-bottom:4px}.storage-tools input,.storage-tools select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.tool-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-grid article{border:1px solid #29292b;border-radius:10px;background:#0d0d0e;padding:12px}.health-grid span{color:#ffb000;font-size:.61rem;font-weight:900}.health-grid h3{font-size:.9rem;margin:7px 0 4px}.health-grid p{color:#777;font-size:.68rem;margin:0}.health-form{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.health-form>div,.health-result{border:1px solid #29292b;border-radius:12px;background:#0d0d0e;padding:15px}.health-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.health-fields label span{display:block;color:#777;font-size:.66rem;margin-bottom:4px}.health-fields input,.health-fields select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.health-result{color:#85858a;font-size:.7rem}.health-result strong{color:#ffca44}
.evidence-axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.evidence-axis-grid article{border:1px solid #29292b;border-radius:11px;background:#0d0d0e;padding:14px}.evidence-axis-grid span{color:#ffb000;font-size:.61rem;font-weight:900}.evidence-axis-grid h3{margin:7px 0 5px}.evidence-axis-grid p,.evidence-axis-grid small{color:#777;font-size:.69rem}.evidence-axis-grid strong{display:block;color:#ddd;font-size:.68rem;margin-top:10px}.evidence-warning{margin-top:10px;border-left:3px solid #ffb000;background:#131007;padding:11px;color:#b5a273;font-size:.72rem}.evidence-warning strong{color:#ffca44}
.isp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.isp-grid article{border:1px solid #29292b;border-radius:10px;background:#0d0d0e;padding:12px}.isp-grid span{color:#ffb000;font-size:.61rem;font-weight:900}.isp-grid h3{font-size:.88rem;margin:7px 0 4px}.isp-grid p{color:#777;font-size:.68rem;margin:0}
.storage-next{padding:42px 0;background:#0c0904;border-top:1px solid #30260f}.storage-next-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.storage-next h2{font-size:clamp(2rem,4vw,3.2rem);margin:7px 0}.storage-next p{color:#85858a}.storage-next a{text-decoration:none;border:1px solid #5a4300;color:#ffca44;border-radius:9px;padding:11px 14px;font-size:.72rem;font-weight:900}
@media(max-width:1100px){.storage-hero-grid,.protocol-workspace,.storage-seq-shell,.storage-case-layout,.health-form{grid-template-columns:1fr}.protocol-detail,.storage-seq-inspector,.storage-repair{border-left:0;border-top:1px solid #2a281f}.protocol-chain{grid-template-columns:repeat(2,1fr)}.storage-case-grid{grid-template-columns:1fr 1fr}.health-grid,.evidence-axis-grid,.isp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.storage-flow,.protocol-chain,.protocol-comparison,.storage-case-grid,.storage-check-list,.storage-tools,.health-grid,.health-fields,.evidence-axis-grid,.isp-grid{grid-template-columns:1fr}.storage-flow{display:grid}.storage-flow i{width:2px;height:14px;justify-self:center}.case-controls{flex-direction:column}.storage-db-controls,.tool-two{grid-template-columns:1fr}.storage-next-inner{flex-direction:column;align-items:flex-start}.case-title-row,.storage-seq-head{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.storage-flow i:after{animation:none!important}}
