.storage-guide {
      --purple: #a855f7;
      --blue: #3b82f6;
      --cyan: #38bdf8;
      --green: #22c55e;
      --yellow: #facc15;
      --red: #ef4444;
      --panel: rgba(10,15,25,.82);
      --border: rgba(255,255,255,.08);
      --muted: #94a3b8;
    }

    .storage-guide * { box-sizing: border-box; }

    .storage-guide .storage-card,
    .storage-guide .wide-card,
    .storage-guide .rule-card,
    .storage-guide .resource-card {
      position: relative;
      overflow: hidden;
      background: var(--panel);
      border: 1px solid var(--border);
      border-radius: 30px;
      backdrop-filter: blur(24px);
      box-shadow: 0 20px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04);
    }

    .storage-guide .storage-card::before,
    .storage-guide .wide-card::before,
    .storage-guide .rule-card::before,
    .storage-guide .resource-card::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--purple), var(--blue), var(--cyan));
      opacity: .92;
    }

    .storage-guide .storage-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 20px;
    }

    .storage-guide .storage-card { padding: 28px; }

    .storage-guide .card-heading {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 20px;
    }

    .storage-guide .card-icon {
      width: 46px;
      height: 46px;
      display: flex;
      flex: 0 0 46px;
      align-items: center;
      justify-content: center;
      border-radius: 16px;
      color: #d8b4fe;
      background: rgba(168,85,247,.12);
      border: 1px solid rgba(168,85,247,.24);
    }

    .storage-guide .card-title {
      color: #fff;
    }

    .storage-guide .card-kicker {
      display: block;
      margin-top: 5px;
      color: var(--muted);
    }

    .storage-guide .storage-list {
      display: grid;
      gap: 10px;
    }

    .storage-guide .storage-row {
      display: grid;
      grid-template-columns: minmax(120px,.72fr) minmax(0,1.28fr);
      gap: 14px;
      padding: 13px 14px;
      border-radius: 16px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
    }

    .storage-guide .storage-label {
      color: #cbd5e1;
    }

    .storage-guide .storage-value {
      color: #f8fafc;
    }

    .storage-guide .storage-value.muted { color: #94a3b8; }
    .storage-guide .storage-value.warning { color: #fde68a; }
    .storage-guide .storage-value.danger { color: #fecaca; }

    .storage-guide .wide-card {
      padding: 30px;
      margin-top: 20px;
    }

    .storage-guide .section-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
    }

    .storage-guide .section-title {
      color: #fff;
    }

    .storage-guide .section-copy {
      max-width: 760px;
      margin-top: 8px;
      color: #94a3b8;
    }

    .storage-guide .status-grid,
    .storage-guide .compound-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 12px;
      margin-top: 22px;
    }

    .storage-guide .status-item,
    .storage-guide .compound-item {
      padding: 18px;
      border-radius: 20px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
    }

    .storage-guide .status-title,
    .storage-guide .compound-name {
      display: flex;
      align-items: center;
      gap: 9px;
      color: #f8fafc;
    }

    .storage-guide .status-title i { color: #f87171; }
    .storage-guide .compound-name i { color: var(--cyan); }

    .storage-guide .status-item p,
    .storage-guide .compound-item p {
      margin-top: 8px;
      color: #94a3b8;
    }

    .storage-guide .light-note {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px;
      margin-top: 14px;
      border-radius: 20px;
      color: #e2e8f0;
      background: rgba(56,189,248,.07);
      border: 1px solid rgba(56,189,248,.20);
    }

    .storage-guide .light-note i {
      color: var(--cyan);
      margin-top: 3px;
    }

    .storage-guide .light-note strong {
      display: block;
      color: #fff;
    }

    .storage-guide .light-note span {
      display: block;
      margin-top: 4px;
      color: #94a3b8;
    }

    .storage-guide .rule-card {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 25px 28px;
      margin-top: 20px;
      background: linear-gradient(135deg, rgba(250,204,21,.07), rgba(56,189,248,.035)), rgba(10,15,25,.82);
    }

    .storage-guide .rule-card::before {
      background: linear-gradient(90deg, var(--yellow), var(--cyan));
    }

    .storage-guide .rule-icon {
      width: 42px;
      height: 42px;
      display: flex;
      flex: 0 0 42px;
      align-items: center;
      justify-content: center;
      border-radius: 14px;
      color: #fde68a;
      background: rgba(250,204,21,.10);
      border: 1px solid rgba(250,204,21,.22);
    }

    .storage-guide .rule-title {
      color: #fff;
    }

    .storage-guide .rule-copy {
      margin-top: 5px;
      color: #cbd5e1;
    }

    .storage-guide .resource-grid {
      display: grid;
      grid-template-columns: repeat(3,minmax(0,1fr));
      gap: 18px;
      margin-top: 28px;
    }

    body.storage-guide main .resource-card {
      display: grid;
      grid-template-rows: auto auto 1fr auto;
      align-content: start;
      gap: 12px;
      min-height: 250px;
      padding: 24px;
      color: #f8fafc;
      text-decoration: none;
      background: linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52));
      border-color: rgba(255,255,255,.10);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    }

    body.storage-guide main .resource-card::before { display: none; }

    body.storage-guide main .resource-card:hover {
      transform: none;
      border-color: rgba(125,211,252,.45);
      background: linear-gradient(135deg,rgba(88,60,120,.42),rgba(38,71,108,.48));
      box-shadow: none;
    }

    body.storage-guide main .resource-eyebrow { color:#38bdf8;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.16em;text-transform:uppercase; }
    body.storage-guide main .resource-title { margin:0;color:#f8fafc;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:normal; }
    body.storage-guide main .resource-card p { margin:0;color:#94a3b8;font-size:16px;font-weight:400;line-height:1.8; }
    body.storage-guide main .resource-cta { display:inline-flex;align-items:center;gap:9px;min-height:0;margin:0;color:#7dd3fc;font-size:14px;font-weight:600;line-height:1.5; }
    body.storage-guide main .resource-cta i { color:inherit;transition:transform .2s ease; }
    body.storage-guide main .resource-card:hover .resource-cta i { transform:translateX(4px); }

    @media (max-width: 960px) {
      .storage-guide .resource-grid { grid-template-columns: 1fr; }
      body.storage-guide main .resource-card { min-height: 0; }
    }

    @media (max-width: 760px) {
      .storage-guide .storage-grid,
      .storage-guide .status-grid,
      .storage-guide .compound-grid { grid-template-columns: 1fr; }
      .storage-guide .storage-card,
      .storage-guide .wide-card { padding: 22px; border-radius: 28px; }
      .storage-guide .section-heading { flex-direction: column; }
    }

    @media (max-width: 520px) {
      .storage-guide .storage-row { grid-template-columns: 1fr; gap: 5px; }
      .storage-guide .rule-card { padding: 22px; border-radius: 26px; }
    }
  
/* Shared glass treatment for resource guides. Hero comes exclusively from styles.css. */
.resource-guide main{--guide-surface:linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52))}
.resource-guide main :is(.section-card,.storage-card,.wide-card,.rule-card,.resource-card,.faq-panel,.faq-sidebar-card){background:var(--guide-surface);border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:none;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);min-width:0}
.resource-guide main :is(.section-card,.storage-card,.wide-card,.rule-card,.resource-card){padding:26px}
.resource-guide main :is(.section-card,.storage-card,.wide-card,.rule-card,.resource-card,.faq-panel,.faq-sidebar-card)::before,.resource-guide main .resource-card::after{display:none}
.resource-guide main h2,.resource-guide main :is(.resource-title,.rule-title,.card-title,.section-title,.sidebar-title){color:#f8fafc}
.resource-guide main :is(.card-kicker,.resource-eyebrow,.tile-label){color:#7dd3fc}
.resource-guide main :is(.section-copy,.rule-copy,.resource-card p,.faq-answer){color:#94a3b8}
.resource-guide main :is(.card-icon,.rule-icon,.resource-icon),.resource-guide .faq-category-title i{display:none}
.resource-guide .card-heading{display:block}
.resource-guide .rule-card{display:block}
.resource-guide .rule-copy{margin-top:12px}
.resource-guide .storage-grid{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.resource-guide .storage-list{gap:0}
.resource-guide .storage-row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px;padding:16px 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;align-items:start}
.resource-guide .storage-row:last-child{border-bottom:0}
.resource-guide .storage-card .card-kicker{color:#94a3b8}
.resource-guide .resource-card:hover{transform:none;border-color:rgba(125,211,252,.35);box-shadow:none}
.resource-guide .resource-cta{color:#7dd3fc;min-height:44px;display:inline-flex;align-items:center}
.resource-guide main .section-card .section-card{background:rgba(255,255,255,.025);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.resource-guide main .uppercase>i{display:none}
.resource-guide .faq-tools{max-width:none;gap:16px}
.resource-guide .faq-search-wrap input{min-height:52px;border-radius:18px}
.resource-guide .small-action{min-height:44px;padding:11px 18px}
.resource-guide .chip{min-height:44px;padding:10px 16px}
.resource-guide .chip.active{color:#7dd3fc;background:rgba(56,189,248,.09);border-color:rgba(56,189,248,.3);box-shadow:none}
.resource-guide .category-chips{max-width:none;justify-content:flex-start}
.resource-guide .faq-question{color:#e2e8f0;gap:18px;text-align:left}
.resource-guide .faq-question i{flex-shrink:0;color:#7dd3fc}
.resource-guide .faq-question:hover{color:#7dd3fc}
.resource-guide main a:focus-visible,.resource-guide main button:focus-visible{outline:2px solid #7dd3fc;outline-offset:4px}
.resource-guide .faq-panel-inner,.resource-guide .faq-sidebar-inner{padding:26px}
@media(max-width:820px){.resource-guide .faq-layout{grid-template-columns:minmax(0,1fr)}.resource-guide .faq-sidebar{position:static}.resource-guide .resource-grid{grid-template-columns:1fr}}
@media(max-width:600px){.resource-guide .storage-grid,.resource-guide .status-grid,.resource-guide .compound-grid{grid-template-columns:1fr}.resource-guide .faq-tools{grid-template-columns:minmax(0,1fr)}.resource-guide .expand-buttons{display:grid;grid-template-columns:1fr 1fr}.resource-guide main :is(.section-card,.storage-card,.wide-card,.rule-card,.resource-card),.resource-guide .faq-panel-inner,.resource-guide .faq-sidebar-inner{padding:22px}.resource-guide .storage-row{display:grid;grid-template-columns:1fr;gap:6px}.resource-guide .storage-value{text-align:left}.resource-guide .category-chips{gap:8px}.resource-guide main .site-button{max-width:100%;white-space:normal}}

/* COA guide composition. Shared page hero, background and navigation are not overridden. */
.coa-shell{--coa-glass:linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52));color:#94a3b8}
.coa-shell :is(.report-visual,.inspection-copy,.guide-card,.red-flags,.bottom-card,.resource-card){padding:26px;border-radius:24px;background:var(--coa-glass);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);min-width:0}
.coa-shell .inspection-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:28px}
.coa-shell .inspection-copy{display:flex;flex-direction:column;justify-content:center}
.coa-shell :is(.inspection-kicker,.guide-step,.example-label,.resource-eyebrow){color:#7dd3fc;text-transform:uppercase;margin-bottom:8px}
.coa-shell :is(.inspection-copy h2,.guide-title,.red-title,.bottom-title,.resource-title){color:#f8fafc;margin:0 0 14px}
.coa-shell p+p{margin-top:14px}
.coa-shell em{color:#cbd5e1}
.coa-shell .report-top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
.coa-shell .report-mark{color:#7dd3fc}
.coa-shell .report-top span,.coa-shell .report-meta span{display:block;text-transform:uppercase}
.coa-shell .report-top strong{display:block;color:#f8fafc;margin-top:4px}
.coa-shell .report-status{margin-left:auto;white-space:nowrap;color:#7dd3fc;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.25);border-radius:999px;padding:8px 12px}
.coa-shell .report-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0}
.coa-shell .report-meta strong{display:block;color:#cbd5e1;margin-top:5px}
.coa-shell .result-row,.coa-shell .example-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.coa-shell .result-row i{color:#7dd3fc;margin-right:8px}.coa-shell .result-row strong,.coa-shell .example-row strong{color:#f8fafc;white-space:nowrap}
.coa-shell .result-missing strong{color:#fbbf24}
.coa-shell .report-foot{margin-top:18px}.coa-shell .report-foot i{color:#7dd3fc}
.coa-shell .lens-list{display:grid;gap:8px;margin-top:22px}
.coa-shell .lens-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:18px;color:#7dd3fc;text-decoration:none}
.coa-shell .lens-list strong,.coa-shell .lens-list small{display:block}.coa-shell .lens-list strong{color:#f8fafc}.coa-shell .lens-list small{color:#94a3b8;margin-top:4px}
.coa-shell .lens-list a:hover,.coa-shell .resource-card:hover{border-color:rgba(125,211,252,.35)}
.coa-shell a:focus-visible{outline:2px solid #7dd3fc;outline-offset:4px}
.coa-shell .guide-list{display:grid;gap:28px}
.coa-shell .guide-card{scroll-margin-top:110px;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:32px}
.coa-shell .guide-icon,.coa-shell .bottom-icon,.coa-shell .resource-icon{display:none}
.coa-shell .guide-copy ul,.coa-shell .bottom-questions,.coa-shell .flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin-top:18px}
.coa-shell .guide-copy li{padding-left:16px;position:relative}.coa-shell .guide-copy li::before{content:'•';position:absolute;left:0;color:#7dd3fc}
.coa-shell .example,.coa-shell .note{margin-top:18px;padding:18px;border-radius:18px;background:rgba(56,189,248,.065);border:1px solid rgba(56,189,248,.18)}
.coa-shell .note{display:flex;gap:10px}.coa-shell .note i{color:#7dd3fc;margin-top:4px}
.coa-shell .red-flags,.coa-shell .bottom-card,.coa-shell .resource-grid{margin-top:28px}
.coa-shell .red-title i,.coa-shell .flag i{color:#f87171}.coa-shell .flag{display:flex;gap:10px}.coa-shell .flag i{margin-top:8px}
.coa-shell .bottom-question{display:flex;gap:10px}.coa-shell .bottom-question i{color:#7dd3fc}
.coa-shell .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
main.coa-shell .resource-card{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:12px;min-height:250px;padding:24px;color:#f8fafc;text-decoration:none;background:linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52));border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
main.coa-shell .resource-card::before{display:none}
main.coa-shell .resource-card:hover{transform:none;border-color:rgba(125,211,252,.45);background:linear-gradient(135deg,rgba(88,60,120,.42),rgba(38,71,108,.48));box-shadow:none}
main.coa-shell .resource-eyebrow{color:#38bdf8;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
main.coa-shell .resource-title{margin:0;color:#f8fafc;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:normal}
main.coa-shell .resource-card p{margin:0;color:#94a3b8;font-size:16px;font-weight:400;line-height:1.8}
main.coa-shell .resource-cta{display:inline-flex;align-items:center;gap:9px;min-height:0;margin:0;padding:0;color:#7dd3fc;font-size:14px;font-weight:600;line-height:1.5}
main.coa-shell .resource-cta i{transition:transform .2s ease}main.coa-shell .resource-card:hover .resource-cta i{transform:translateX(4px)}
@media(max-width:820px){.coa-shell .inspection-stage,.coa-shell .guide-card{grid-template-columns:minmax(0,1fr)}.coa-shell .resource-grid{grid-template-columns:1fr}.coa-shell .guide-card{gap:8px}main.coa-shell .resource-card{min-height:0}}
@media(max-width:560px){.coa-shell :is(.report-visual,.inspection-copy,.guide-card,.red-flags,.bottom-card,.resource-card){padding:22px}.coa-shell .guide-copy ul,.coa-shell .bottom-questions,.coa-shell .flag-grid{grid-template-columns:1fr}.coa-shell .report-top{flex-wrap:wrap}.coa-shell .report-status{margin-left:0}.coa-shell .result-row,.coa-shell .example-row{flex-wrap:wrap;gap:6px}.coa-shell .report-meta{gap:14px}.coa-shell .inspection-stage,.coa-shell .guide-list,.coa-shell .resource-grid{gap:22px}}

/* Static guide content: no form-control classes, hover treatments, or pointer cursor. */
.injection-guide main .guide-fact{padding:16px 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;cursor:default}

.injection-guide main .guide-fact.flex>strong{flex-shrink:0;color:#7dd3fc}
.injection-guide main .tile-label{color:#7dd3fc}
.injection-guide main .tile-icon{display:none}
.injection-guide main .section-card>.section-card{padding:0;border:0;background:none;backdrop-filter:none}

/* One approved guide type scale. Shared hero excluded. */
.guide-unified main{font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.7}
.guide-unified main :is(h2,.section-title,.card-title,.rule-title,.resource-title,.bottom-title,.red-title){font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.025em}
.guide-unified main :is(h3,.status-title,.compound-name){font-size:18px;font-weight:600;line-height:1.4}
.guide-unified main :is(p:not(.page-subtitle),li,.storage-value,.guide-copy,.bottom-copy,.rule-copy,.section-copy,.flag,.bottom-question){font-size:15px;font-weight:400;line-height:1.7;letter-spacing:normal}
.guide-unified main strong{font-weight:600}
.guide-unified main :is(.tile-label,.guide-step,.inspection-kicker,.example-label,.resource-eyebrow){font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.12em}
.guide-unified main :is(.card-kicker,.storage-label,.report-meta strong,.result-row,.example-row,.note,.report-foot,.resource-cta){font-size:14px;font-weight:400;line-height:1.65;letter-spacing:normal}
.guide-unified main .storage-label{font-weight:600}
.guide-unified main :is(.report-top span,.report-meta span){font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.09em}
.guide-unified main :is(.report-status,.resource-cta){font-size:12px;font-weight:800;line-height:1.5}
.guide-unified main .site-button{font-size:12px;font-weight:800;line-height:1}
.guide-unified main .lens-list strong{font-size:15px;font-weight:600;line-height:1.5}
.guide-unified main .lens-list small{font-size:14px;font-weight:400;line-height:1.65}