/* Cubed Method composition — Overlay 69 r1 */
.method-premise{position:relative;overflow:hidden}
.method-premise__statement{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,290px);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(32px,5vw,54px) clamp(30px,5vw,58px);border:1px solid rgba(20,39,32,.07);border-left:5px solid var(--navy-raise);border-radius:8px;background:linear-gradient(135deg,#f8f6ef 0%,#e7f1e8 100%);box-shadow:0 10px 28px rgba(11,36,56,.045)}
.method-premise__copy{position:relative;z-index:2;max-width:720px}
.method-premise__copy .eyebrow{margin-bottom:12px;color:var(--green-deep)}
.method-premise__copy .section__title{max-width:15ch;margin-bottom:16px;font-size:clamp(2rem,3.5vw,3rem)}
.method-premise__copy .section__lead{max-width:58ch;margin:0}
.method-premise__visual{position:relative;z-index:1;width:min(100%,290px);justify-self:end;color:var(--navy-raise);opacity:.17;overflow:visible}
.method-premise__cube path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.method-premise__cube .method-premise__axis{stroke-width:3;opacity:.55}
.method-premise__axis--a{color:var(--green);stroke:var(--green)!important}.method-premise__axis--b{stroke:#2f86a6!important}.method-premise__axis--c{stroke:#cf9b35!important}

/* Statement hero geometry retained from the current Method page. */
.sva-statement-hero .hero__grid{grid-template-columns:minmax(0,860px);justify-content:start;gap:0}
.sva-statement-hero .hero__sub{max-width:62ch}
.sva-statement-hero .hero__title{max-width:13ch}
@media(max-width:860px){.sva-statement-hero .hero__grid{grid-template-columns:1fr}.sva-statement-hero .hero__title{max-width:14ch}}

/* Make the explorer feel like one intentional instrument rather than an embedded demo. */
.method-model .section__head{max-width:780px;margin-bottom:0}
.method-model .section__head .section__lead{max-width:68ch}
.method-model .cubesec{margin-top:34px;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.12);border-left:5px solid var(--green-bright);border-radius:8px;background:linear-gradient(145deg,rgba(20,60,84,.30),rgba(6,21,31,.18));box-shadow:0 18px 48px rgba(4,18,28,.16)}
.method-model .cubesec .tabs{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.method-model .cubesec .tab{min-height:40px;border-width:1px;background:rgba(6,21,31,.18)}
.method-model .cubesec .tab:focus-visible,.method-model .cubesec .chip:focus-visible,.method-model .cubesec .play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.method-model .cubesec .cube-layout{gap:clamp(28px,4vw,48px)}
.method-model .cubesec .stage{border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(95,208,137,.045),transparent 62%)}
.method-model .cubesec .stage-hint{color:#8eaab5}
.method-model .cubesec .panel{min-height:0;padding:26px 28px 24px;border:1px solid rgba(255,255,255,.11);border-left:4px solid rgba(95,182,208,.75);border-radius:8px;background:rgba(6,21,31,.36)}
.method-model .cubesec .panel__group{font-size:1.28rem}
.method-model .cubesec .panel__explainer{margin-bottom:20px;color:#abc3cc}
.method-model .cubesec .chips{margin-bottom:20px}
.method-model .cubesec .chip{background:rgba(11,36,56,.65)}
.method-model .cubesec .detail{min-height:118px;border-top-color:rgba(255,255,255,.12)}
.method-model .cubesec .play{margin-top:20px}

/* The deeper architecture reads as the foundation under the visible Cube. */
.method-deeper{margin-top:50px;padding-top:34px;border-top:1px solid rgba(255,255,255,.14)}
.method-deeper__intro{max-width:760px}
.method-deeper__intro h3{margin:0 0 10px;color:#fff;font-size:clamp(1.35rem,2vw,1.65rem)}
.method-deeper__intro p{margin:0;color:#afc5ce;line-height:1.62}
.method-deeper__foundation{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;padding-top:26px}
.method-deeper__foundation:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,rgba(95,208,137,.18),rgba(95,182,208,.34),rgba(207,155,53,.28))}
.method-foundation{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;min-width:0;padding:24px 22px 24px 20px;border:1px solid rgba(255,255,255,.11);border-left:4px solid rgba(95,208,137,.72);border-radius:8px;background:rgba(255,255,255,.035)}
.method-foundation:before{content:"";position:absolute;top:-31px;left:50%;width:9px;height:9px;transform:translateX(-50%);border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 5px rgba(95,208,137,.08)}
.method-foundation--constants{border-left-color:rgba(207,155,53,.85)}.method-foundation--constants:before{background:#cf9b35;box-shadow:0 0 0 5px rgba(207,155,53,.08)}
.method-foundation--operators{border-left-color:rgba(95,182,208,.85)}.method-foundation--operators:before{background:#5fb6d0;box-shadow:0 0 0 5px rgba(95,182,208,.08)}
.method-foundation__mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:rgba(6,21,31,.34);color:var(--green-bright)}
.method-foundation--constants .method-foundation__mark{color:#e6c277}.method-foundation--operators .method-foundation__mark{color:#77c7df}
.method-foundation__mark svg{width:38px;height:38px}.method-foundation__mark svg *{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.method-foundation h4{margin:1px 0 8px;color:#fff;font-size:1.05rem}
.method-foundation p{margin:0;color:#b8ccd4;font-size:.93rem;line-height:1.58}

@media(max-width:980px){
  .method-premise__statement{grid-template-columns:minmax(0,1fr) 210px}
  .method-model .cubesec .cube-layout{grid-template-columns:1fr;gap:18px}
  .method-model .cubesec[data-sva-cube-version="48b"] .stage{height:400px}
  .method-model .cubesec .panel{max-width:none}
  .method-deeper__foundation{grid-template-columns:1fr;gap:14px;padding-top:0;padding-left:28px}
  .method-deeper__foundation:before{left:5px;right:auto;top:8px;bottom:8px;width:1px;height:auto;background:linear-gradient(180deg,rgba(95,208,137,.30),rgba(207,155,53,.24),rgba(95,182,208,.30))}
  .method-foundation:before{top:30px;left:-28px;transform:none}
}
@media(max-width:700px){
  .method-premise__statement{grid-template-columns:1fr;padding:28px 24px 26px}
  .method-premise__copy .section__title{max-width:14ch}
  .method-premise__visual{position:absolute;right:-34px;bottom:-48px;width:210px;opacity:.09}
  .method-model{padding-top:72px;padding-bottom:72px}
  .method-model .section__head{margin-bottom:0}
  .method-model .cubesec{margin-top:26px;padding:16px 14px 20px}
  .method-model .cubesec .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px;padding-bottom:14px}
  .method-model .cubesec .tab{width:100%;min-width:0;padding:8px 6px;font-size:.78rem}
  .method-model .cubesec[data-sva-cube-version="48b"] .stage{height:350px;overflow:clip}
  .method-model .cubesec[data-sva-cube-version="48b"] .stage::before{width:270px;height:270px;box-shadow:0 0 0 34px rgba(95,208,137,.022),0 0 0 68px rgba(95,208,137,.010)}
  .method-model .cubesec .stage-hint{margin-top:-2px;font-size:.76rem}
  .method-model .cubesec .panel{padding:22px 18px 20px}
  .method-model .cubesec .panel__group{font-size:1.18rem}
  .method-model .cubesec .detail{min-height:0}
  .method-deeper{margin-top:38px;padding-top:28px}
  .method-deeper__foundation{margin-top:26px;padding-left:22px}
  .method-foundation{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:20px 18px 20px 16px}
  .method-foundation:before{left:-22px}
  .method-foundation__mark{width:42px;height:42px}.method-foundation__mark svg{width:29px;height:29px}
}
@media(max-width:390px){
  .method-model .cubesec{padding-left:10px;padding-right:10px}
  .method-model .cubesec[data-sva-cube-version="48b"] .stage{height:340px;overflow:clip}
  .method-model .cubesec .cube{scale:.92}
  .method-model .cubesec .panel{padding-left:16px;padding-right:16px}
}

/* Cubed Method worked reading — Overlay 83 r1 */
.method-reading{position:relative;overflow:hidden}
.method-reading__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(34px,6vw,84px);align-items:start}
.method-reading__copy{max-width:620px}
.method-reading__copy .eyebrow{margin-bottom:12px;color:var(--green-accessible,#23733f)}
.method-reading__copy .section__title{max-width:15ch;margin-bottom:18px}
.method-reading__copy .section__lead{max-width:58ch;margin:0}
.method-reading__card{position:relative;padding:clamp(26px,3.4vw,38px);border:1px solid rgba(20,39,32,.09);border-left:5px solid var(--green-deep);border-radius:8px;background:linear-gradient(135deg,#f8f6ef 0%,#e7f1e8 100%);box-shadow:0 12px 30px rgba(11,36,56,.055)}
.method-reading__card .eyebrow{margin:0 0 14px;color:var(--green-accessible,#23733f)}
.method-reading__card p{margin:0;color:var(--navy-raise);line-height:1.68}
.method-reading__card p+p{margin-top:16px}
@media(max-width:860px){.method-reading__grid{grid-template-columns:1fr;gap:28px}.method-reading__copy{max-width:680px}.method-reading__card{max-width:760px}}
@media(max-width:700px){.method-reading__card{padding:24px 20px}.method-reading__copy .section__title{max-width:14ch}}
/* End Cubed Method worked reading — Overlay 83 r1 */

/* Cubed Method worked-reading illustration — Overlay 113 */
.method-reading__illustration{margin:clamp(34px,5vw,56px) auto 0;max-width:1120px}
.method-reading__illustration .shanvic-illustration-slot>img{border-radius:18px}
/* End Cubed Method worked-reading illustration — Overlay 113 */

/* Cubed Method active-control contrast — Overlay 70 r2 */
.method-model .cubesec .tab.is-on{
  color:#fff!important;
}
.method-model .cubesec .chip.is-on{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:#fff!important;
}
.method-model .cubesec .tab[data-group="vectors"].is-on{
  background:#9a6d17!important;
  color:#fff!important;
}

/* Cubed Method equal-width chip grid — Overlay 71 r1 */
.method-model .cubesec .chips{
  display:grid;
  width:100%;
  gap:8px;
  align-items:stretch;
}
.method-model .cubesec .panel[aria-labelledby="cube-tab-dimensions"] .chips,
.method-model .cubesec .panel[aria-labelledby="cube-tab-facets"] .chips{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.method-model .cubesec .panel[aria-labelledby="cube-tab-vectors"] .chips{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.method-model .cubesec .chips>li{
  display:flex;
  min-width:0;
}
.method-model .cubesec .chip{
  display:inline-flex;
  width:100%;
  min-width:0;
  height:42px;
  padding:7px 8px;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.15;
}

/* Mobile Cube reading order + scale — Overlay 115 */
@media(max-width:700px){
  .method-model .cubesec{padding:14px 12px 18px}
  .method-model .cubesec .cube-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    align-items:start;
  }
  .method-model .cubesec .panel{display:contents}
  .method-model .cubesec .cube-layout>div:first-child{order:3;min-width:0}
  .method-model .cubesec #pGroup{
    order:1;
    margin:4px 0 0;
    padding:16px 16px 4px;
    border:1px solid rgba(255,255,255,.11);
    border-bottom:0;
    border-left:4px solid rgba(95,182,208,.75);
    border-radius:8px 8px 0 0;
    background:rgba(6,21,31,.36);
  }
  .method-model .cubesec #pExplainers{
    order:2;
    margin:0 0 12px;
    padding:0 16px 14px;
    border:1px solid rgba(255,255,255,.11);
    border-top:0;
    border-left:4px solid rgba(95,182,208,.75);
    border-radius:0 0 8px 8px;
    background:rgba(6,21,31,.36);
  }
  .method-model .cubesec #pExplainers .panel__explainer{margin:0}
  .method-model .cubesec[data-sva-cube-version="48b"] .stage{
    height:278px;
    width:100%;
    margin:0;
    overflow:clip;
    transform:none;
  }
  .method-model .cubesec[data-sva-cube-version="48b"] .stage::before{
    width:220px;
    height:220px;
    box-shadow:0 0 0 28px rgba(95,208,137,.022),0 0 0 56px rgba(95,208,137,.010);
  }
  .method-model .cubesec .cube{scale:.72}
  .method-model .cubesec .stage-hint{margin:-8px 0 14px;font-size:.75rem}
  .method-model .cubesec .chips{order:4;margin:0 0 10px}
  .method-model .cubesec .detail{
    order:5;
    min-height:0;
    margin:0;
    padding:18px 16px;
    border:1px solid rgba(255,255,255,.11);
    border-left:4px solid rgba(95,182,208,.75);
    border-radius:8px;
    background:rgba(6,21,31,.36);
  }
  .method-model .cubesec .play{order:6;justify-self:start;margin-top:12px}
}
@media(max-width:390px){
  .method-model .cubesec[data-sva-cube-version="48b"] .stage{height:254px}
  .method-model .cubesec[data-sva-cube-version="48b"] .stage::before{width:205px;height:205px}
  .method-model .cubesec .cube{scale:.66}
}
/* End mobile Cube reading order + scale — Overlay 115 */


/* ShanVic signal rail on Method reading cards. */
.method-premise__statement,.method-reading__card{--sv-signal-rail:var(--navy-raise);position:relative;border-left-width:1px}
.method-reading__card{--sv-signal-rail:var(--green-deep)}
.method-premise__statement::before,.method-reading__card::before{content:"";position:absolute;z-index:3;left:-1px;top:29px;width:3px;height:58%;max-height:124px;border-radius:0 3px 3px 0;background:var(--sv-signal-rail);pointer-events:none}
.method-premise__statement::after,.method-reading__card::after{content:"";position:absolute;z-index:4;left:-1px;top:25px;width:8px;height:8px;border-radius:2px;background:var(--sv-signal-rail);box-shadow:0 0 0 4px color-mix(in srgb,var(--sv-signal-rail) 12%,transparent);pointer-events:none}
@media(max-width:700px){.method-premise__statement,.method-reading__card{border-left-width:1px}.method-premise__statement::before,.method-reading__card::before{top:24px;height:54%}.method-premise__statement::after,.method-reading__card::after{top:20px}}
/* End ShanVic Method signal rail. */