.sp-er-anchor{scroll-margin-top:4rem}.sp-er-sit{gap:1rem;display:grid}@media (width>=900px){.sp-er-sit{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;gap:1.5rem}}.sp-er-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--hl);background:color-mix(in srgb, var(--hl) 14%, transparent);border-radius:6px;padding:.28rem .55rem;font-size:.68rem;font-weight:900;line-height:1.2;display:inline-block}.sp-er-sit-tabs{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.5rem;display:grid}@media (width>=900px){.sp-er-sit-tabs{grid-template-columns:1fr}}.sp .sp-er-sit-tabs button{border:1.5px solid var(--line);min-height:3rem;color:var(--ink);font:700 .95rem/1.25 var(--sp-font);text-align:left;cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .85rem;transition:background .2s,border-color .2s,color .2s;display:flex}.sp .sp-er-sit-tabs button:hover{border-color:var(--cobalt-200)}.sp .sp-er-sit-tabs button[aria-selected=true]{background:var(--cobalt);border-color:var(--cobalt);color:#fff;box-shadow:0 14px 28px -18px #365face6}.sp-er-sit-tabs span{text-wrap:balance}.sp-er-sit-tabs small{letter-spacing:.06em;color:var(--muted);flex:none;font-size:.72rem;font-weight:900}.sp-er-sit-tabs [aria-selected=true] small{color:var(--cobalt-100)}@media (width<=479px){.sp-er-sit-tabs small{display:none}.sp .sp-er-sit-tabs button{padding:.55rem .7rem}}.sp-er-sit-panels{display:grid}.sp-er-sit-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;grid-area:1/1;gap:1rem;padding:1.25rem 1.3rem;display:flex;box-shadow:0 30px 60px -40px #050a19cc}.sp-er-sit-panel[data-off]{display:none}@media (width>=900px){.sp-er-sit-panel[data-off]{visibility:hidden;display:flex}}.sp-er-sit-panel:not([data-off]){animation:sp-er-in .32s var(--sp-ease) both}@keyframes sp-er-in{0%{opacity:0;transform:translateY(6px)}}.sp-er-sit-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.sp-er-sit-head h3{margin-top:.45rem;font-size:clamp(1.15rem,2vw,1.3rem);line-height:1.2}.sp-er-sit-head .sp-er-pages{margin-top:.1rem}.sp-er-sit-label{letter-spacing:.14em;text-transform:uppercase;color:var(--hl);font-size:.7rem;font-weight:900}.sp-er-pages{letter-spacing:.06em;white-space:nowrap;background:var(--cobalt);color:#fff;border-radius:999px;padding:.26rem .65rem;font-size:.75rem;font-weight:900}.sp-er-where{background:var(--bg-2);border-radius:12px;gap:.85rem;padding:.9rem 1rem .8rem;display:grid}.sp-er-where ul{flex-wrap:wrap;gap:.4rem;display:flex}.sp-er-where li{color:var(--ink);background:#ffffff12;border-radius:8px;align-items:flex-start;gap:.45rem;padding:.3rem .65rem;font-size:.88rem;font-weight:700;line-height:1.3;display:inline-flex}.sp-er-where li:before{content:"";background:var(--hl);border-radius:2px;flex:none;width:.4rem;height:.4rem;margin-top:.42em;transform:rotate(45deg)}.sp-er-book{gap:.35rem;display:grid}.sp-er-book-track{height:1.1rem;position:relative}.sp-er-book-track span{background:#ffffff1f;border-radius:2px;height:.4rem;margin-left:1px;position:absolute;top:.35rem}.sp-er-book-track span.is-on{background:#9eb5e157}.sp-er-book-track i{background:var(--cobalt-200);min-width:5px;height:1.1rem;box-shadow:0 0 0 2px var(--bg-2);border-radius:3px;position:absolute;top:0}.sp-er-book-scale{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:.5rem;font-size:.68rem;font-weight:900;display:flex}.sp-er-learn{gap:.35rem;display:grid}.sp-er-learn p:last-child{font-size:1rem;line-height:1.55}.sp-er-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sp-er-nums li{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex}.sp-er-nums b{letter-spacing:-.02em;color:var(--hl);flex:none;font-size:1.35rem;font-weight:900;line-height:1}.sp-er-nums span{color:var(--muted);font-size:.94rem;font-weight:700;line-height:1.3}.sp-er-sit-panel .sp-link{align-self:flex-start;margin-top:auto;font-size:.95rem;position:relative}.sp-er-sit-panel .sp-link:after{content:"";position:absolute;inset:-.7rem -.4rem}@media (width<=479px){.sp-er-sit-panel{padding:1.1rem 1.05rem}.sp-er-where{padding:.85rem .85rem .75rem}.sp-er-nums li{padding:.55rem .7rem}}.sp-er-thermo-grid{gap:1rem;display:grid}@media (width>=900px){.sp-er-thermo-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:1.25rem}}.sp-er-thermo{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:1rem;padding:1.2rem 1.25rem 1.15rem;display:flex}.sp-er-thermo-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;display:flex}.sp-er-thermo-top b{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:900}.sp-er-scale{flex:1;grid-auto-rows:minmax(3.35rem,1fr);padding-bottom:2rem;display:grid;position:relative}.sp .sp-er-level{width:100%;min-height:3.35rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.6rem minmax(0,1fr);align-items:stretch;gap:.75rem;margin:0;padding:0;display:grid;position:relative}.sp-er-tube{background:var(--paper-2);border-inline:2px solid var(--line-light);justify-self:center;width:1.3rem;position:relative}.sp-er-level:first-child .sp-er-tube{border-top:2px solid var(--line-light);border-radius:999px 999px 0 0}.sp-er-tube i{background:var(--er-fill);height:0;transition:height .35s var(--sp-ease), background-color .35s;position:absolute;bottom:0;left:3px;right:3px}.sp-er-level:first-child .sp-er-tube i{border-radius:999px 999px 0 0}.sp-er-level.is-filled .sp-er-tube i{height:100%}.sp-er-level:first-child.is-filled .sp-er-tube i{height:calc(100% - 3px)}.sp-er-tube:after{content:"";background:var(--c);border-radius:2px;width:.55rem;height:3px;position:absolute;top:50%;left:calc(100% + 5px);translate:0 -50%}.sp-er-bulb{z-index:1;border:2px solid var(--line-light);background:var(--er-fill);width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 4px var(--paper-2);border-radius:50%;transition:background-color .35s;position:absolute;bottom:0;left:.05rem}.sp-er-level-txt{border:1.5px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-self:center;align-items:center;gap:.75rem;margin-block:.15rem;padding:.45rem .8rem;transition:background .2s,border-color .2s,color .2s;display:grid}.sp-er-level-txt>span:first-child{gap:.1rem;display:grid}.sp-er-level-txt strong{font-size:.98rem;font-weight:900;line-height:1.2}.sp-er-level-txt small{color:var(--muted);font-size:.78rem;font-weight:700}.sp-er-pips{gap:.2rem;width:5.8rem;display:flex}.sp-er-pips i{background:var(--c);border-radius:50%;flex:none;width:.4rem;height:.4rem}.sp-er-level[aria-selected=true] .sp-er-pips i{background:var(--cobalt-200)}@media (width<=479px){.sp-er-pips{display:none}}.sp-er-level:hover .sp-er-level-txt{border-color:var(--cobalt-100)}.sp-er-level[aria-selected=true] .sp-er-level-txt{background:var(--navy);border-color:var(--navy);color:#fff}.sp-er-level[aria-selected=true] small{color:var(--cobalt-200)}.sp-er-level:focus-visible{outline-offset:0}.sp-er-quote{border-left:3px solid var(--cobalt);padding:.2rem 0 .2rem 1rem;font-size:1rem;font-weight:700;line-height:1.45}.sp-er-quote small{letter-spacing:.03em;color:var(--muted);margin-top:.3rem;font-size:.76rem;display:block}.sp-er-side{align-content:space-between;gap:1.1rem;display:grid}.sp-er-panels{display:grid}.sp-er-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;grid-area:1/1;gap:.85rem;padding:1.25rem 1.3rem;display:flex;box-shadow:0 24px 44px -36px #282f4773}.sp-er-panel[data-off]{visibility:hidden}.sp-er-panel:not([data-off]){animation:sp-er-in .32s var(--sp-ease) both}.sp-er-panel header{align-items:center;gap:.85rem;display:flex}.sp-er-dot{background:var(--c);width:2.2rem;height:2.2rem;box-shadow:0 0 0 5px var(--cobalt-50);border-radius:50%;flex:none}.sp-er-panel header p{letter-spacing:.12em;text-transform:uppercase;color:var(--hl);font-size:.72rem;font-weight:900}.sp-er-panel h3{margin-top:.15rem;font-size:1.22rem}.sp-er-panel-text{color:var(--muted);font-size:.96rem;line-height:1.55}.sp-er-mini{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:900}.sp-er-signs{gap:.45rem;display:grid}.sp-er-signs li{background:var(--paper-2);border-left:4px solid var(--c);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:.65rem .85rem;font-size:.97rem;display:flex}@media (width<=479px){.sp-er-signs li{flex-direction:column;align-items:flex-start;gap:.15rem}}.sp-er-signs strong{font-weight:700}.sp-er-signs small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:900}.sp-er-locked{border:1.5px dashed var(--cobalt-100);color:var(--muted);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.35rem .75rem;margin-top:auto;padding:.7rem .85rem;font-size:.94rem;line-height:1.4;display:grid}.sp-er-locked svg{width:1.15rem;height:1.15rem;color:var(--hl)}.sp-er-locked b{color:var(--ink);font-weight:900}.sp-er-ghost{grid-column:2;gap:.35rem;display:grid}.sp-er-ghost i{background:var(--line);border-radius:4px;height:.45rem;display:block}.sp-er-ghost i:last-child{width:62%}.sp-er-rhythm{--hl:var(--cobalt-200);isolation:isolate;background:var(--navy);color:#fff;border-radius:16px;gap:1.2rem;margin-top:clamp(1.75rem,3.5vw,2.5rem);padding:clamp(1.2rem,3vw,1.6rem);display:grid;position:relative;overflow:hidden}.sp-er-rhythm:before{content:"";z-index:-1;background:radial-gradient(closest-side,#4772c173,#0000);height:200%;position:absolute;inset:-50% -15% auto 55%}.sp-er-rhythm-head{gap:.35rem;display:grid}@media (width>=900px){.sp-er-rhythm-head{grid-template-columns:auto 1fr;align-items:baseline;gap:2rem}}.sp-er-rhythm-head h3{font-size:1.22rem}.sp-er-rhythm-head p{color:var(--mist);max-width:42rem;font-size:.95rem;line-height:1.5}.sp-er-rhythm-body{gap:1.1rem;display:grid}@media (width>=980px){.sp-er-rhythm-body{grid-template-columns:minmax(0,1fr) 15rem;align-items:center;gap:1.5rem}}.sp-er-axis{gap:.85rem;display:grid;position:relative}.sp-er-axis:before{content:"";background:linear-gradient(var(--cobalt-2), #9eb5e133);width:2px;position:absolute;top:.6rem;bottom:.6rem;left:.45rem}.sp-er-axis li{grid-template-rows:auto 1fr auto;gap:.15rem;padding-left:1.8rem;display:grid;position:relative}.sp-er-axis li:before{content:"";background:var(--navy);border:3px solid var(--cobalt-200);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.12rem;left:0}.sp-er-axis li:first-child:before{background:var(--cobalt-200)}.sp-er-axis em{letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-200);font-size:.7rem;font-style:normal;font-weight:900}.sp-er-axis strong{font-size:.98rem;font-weight:900;line-height:1.3}.sp-er-axis small{color:var(--mist);font-size:.8rem;font-weight:700}@media (width>=760px){.sp-er-axis{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sp-er-axis:before{background:linear-gradient(90deg, var(--cobalt-2), #9eb5e133);width:auto;height:2px;inset:.45rem 0 auto .45rem}.sp-er-axis li{padding:1.7rem 0 0}.sp-er-axis li:before{top:0}}.sp-er-ratio{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;gap:.45rem;padding:1rem 1.1rem;display:grid}.sp-er-ratio-num{letter-spacing:-.03em;font-size:2rem;font-weight:900;line-height:1}.sp-er-ratio-text{color:var(--mist);font-size:.94rem;line-height:1.4}.sp-er-ratio-bar{gap:3px;height:.65rem;margin-top:.2rem;display:flex}.sp-er-ratio-bar i{border-radius:999px}.sp-er-ratio-bar i:first-child{background:var(--cobalt-200);flex:40}.sp-er-ratio-bar i:last-child{background:var(--cobalt-2);flex:60}.sp-er-ratio-legend{letter-spacing:.04em;color:var(--mist);justify-content:space-between;gap:.5rem;font-size:.74rem;font-weight:900;display:flex}.sp-er-note{color:var(--mist);font-size:.88rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.sp-er-tube i,.sp-er-bulb{transition:none}.sp-er-sit-panel:not([data-off]),.sp-er-panel:not([data-off]){animation:none}}
