.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--lav)}
.lime{color:var(--lime)}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;background:var(--lime);color:var(--ink);text-decoration:none;font:700 16px var(--fs);padding:15px 20px;border:0;transition:background .15s,transform .15s}
.btn:hover{background:#fff;color:var(--ink)}
.btn svg{transition:transform .18s}
.btn:hover svg{transform:translateX(3px)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 3px var(--ink)}
.more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 15px var(--fs);color:#fff;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px;background:none;border:0;padding:0;cursor:pointer}
.more:hover{color:var(--lime)}
.more:active,.btn:active{transform:translateY(1px)}
.rg{font-size:12.5px;line-height:1.4;margin:0;color:var(--lav)}
.num,
h1,h2,h3,

.p-hero{padding:28px 0 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;margin:0 0 26px;padding:0;font-size:14px;color:var(--lav)}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--mute)}
.crumbs a{color:#fff}
.crumbs [aria-current]{color:var(--lav)}
.p-grid{display:grid;grid-template-columns:minmax(0,1fr) 600px;grid-template-areas:"h f" "t f" "s f";column-gap:56px;align-items:start}
.p-lead{grid-area:h}
.p-txt{grid-area:t}
.p-fig{grid-area:f;position:relative;margin:0;align-self:center}
.p-fig img{display:block;width:100%;height:auto}
.p-score{grid-area:s;margin-top:28px;max-width:52ch}
.p-grid.no-fig{grid-template-columns:minmax(0,1fr) minmax(280px,420px);grid-template-areas:"h s" "t s";align-items:end}
.p-grid.no-fig .p-score{margin-top:0}
.p-lead h1{font:700 clamp(32px,3.4vw,52px)/1.03 var(--fd);letter-spacing:-.03em;margin:12px 0 0;max-width:23ch}
.p-lede{font:500 21px/1.45 var(--fd);letter-spacing:-.01em;margin:22px 0 0;max-width:52ch}
.p-stand{margin:16px 0 0;font-size:14px;font-weight:600;color:var(--lav);border-top:2px solid #fff;padding-top:12px;max-width:52ch}
.p-score{border-top:2px solid #fff;padding-top:12px}
.p-score .p-score-n{display:inline-flex}
.p-score{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"k k" "n r" "n m";column-gap:28px;align-items:end}
.p-score-k{grid-area:k}
.p-score-n{grid-area:n}
.p-score-r{grid-area:r;margin:0 0 6px}
.p-score .more{grid-area:m;justify-self:start;white-space:nowrap}
.p-score-k{margin:0;font:800 12px var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--lav)}
.p-score-n{margin:8px 0 0;display:flex;align-items:baseline;gap:12px}
.p-score-n b{font:800 clamp(120px,13vw,184px)/.8 var(--fd);letter-spacing:-.06em;color:var(--lime);margin-left:-.05em;padding-bottom:.16em}
.p-score-n span{font:700 22px var(--fd);color:#fff}
.p-score-r{margin:14px 0 2px;font-size:16px}
.p-score-r b{font-family:var(--fd);color:var(--lime);font-weight:800}
.article{padding-top:clamp(72px,7vw,104px)}
.h1-k{color:var(--lime)}
.ix{grid-column:1/3;position:sticky;top:calc(var(--hdr,0px) + 24px);align-self:start;min-width:0;color:#fff}
.mo .ix{transition:top .25s var(--e)}
.ix-k{margin:0;font:700 13px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.ix-cnt{display:flex;align-items:flex-end;gap:10px;margin:12px 0 0}
.ix-num{display:flex;margin:0 0 0 -.05em;font:800 104px/1 var(--fd);letter-spacing:-.055em;color:var(--lime);height:1em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.ix-r{display:block;height:1em;overflow:hidden}
.ix-s{display:block;transform:translateY(calc(var(--d,0) * -1em))}
.ix-s span{display:block;height:1em;line-height:1em;text-align:center}
.mo .ix-s{transition:transform .55s cubic-bezier(.16,.84,.2,1)}
.ix-of{margin:0 0 14px;font:600 13px/1.3 var(--fs);color:var(--lav);white-space:nowrap}
.ix-of b{font:800 13px var(--fd);color:#fff;font-variant-numeric:tabular-nums}
.ix-of .ix-cur{display:none}
.ix-sl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ix-now{margin:6px 0 0;font:700 17px/1.25 var(--fd);letter-spacing:-.01em;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ix-tg{display:none}
.ix-seg{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px;height:6px;margin:14px 0 0}
.ix-seg i{display:block;background:rgba(255,255,255,.26)}
.ix-seg i.rd{background:#fff}
.ix-seg i.cur{background:var(--lime)}
.mo .ix-seg i{transition:background .3s}
.ix-c{margin:9px 0 0;font-size:13px;line-height:1.4;color:var(--lav)}
.ix-c b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.ix-l{list-style:none;margin:20px 0 0;padding:0;border-top:2px solid #fff}
.ix-l a{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;column-gap:8px;align-items:start;padding:9px 8px;margin:0 -8px;border-bottom:1px solid var(--hair,#8E70F2);color:#fff;text-decoration:none;font:600 14px/1.3 var(--fs)}
.ix-n{font:800 14px/1.3 var(--fd);color:var(--lav);font-variant-numeric:tabular-nums}
.ix-l a:hover{background:var(--v-deep)}
.ix-l a:hover .ix-t{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.ix-l a:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}
.ix-l a[aria-current]{background:var(--ink);box-shadow:inset 4px 0 0 var(--lime)}
.ix-l a[aria-current] .ix-n{color:var(--lime)}
.ix-tick{display:block;width:16px;height:16px;margin-top:1px}
.ix-l li.rd .ix-tick{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 10.5l4.2 4.2L16.5 5.5' fill='none' stroke='%23C9F53D' stroke-width='2.6'/%3E%3C/svg%3E") center/16px no-repeat}
.mo .ix-l a{transition:background .15s}
html:not(.js) .ix-cnt,html:not(.js) .ix-now,html:not(.js) .ix-seg,html:not(.js) .ix-c,html:not(.js) .ix-tg{display:none}
.sheet{grid-column:3/13;background:var(--paper);color:var(--ink);padding:52px 56px 36px;min-width:0}
.sheet a{color:var(--v-deep);text-decoration-color:var(--v-deep)}
.sheet a:hover{color:var(--ink)}
.sheet .more{color:var(--ink);text-decoration-color:var(--v)}
.sheet .more:hover{color:var(--v-deep)}

.sec+.sec,.p-note+.sec{border-top:2px solid var(--ink);padding-top:40px;margin-top:40px}
.secno{font:800 14px var(--fd);letter-spacing:.08em;color:var(--v-deep);margin:0 0 10px}
.sec h2{font:700 clamp(28px,2.6vw,38px)/1.08 var(--fd);letter-spacing:-.03em;margin:0 0 20px;max-width:28ch}
.sec h3{font:700 21px/1.2 var(--fd);letter-spacing:-.015em;margin:28px 0 8px}
.sec p,.sec ul,.sec ol{max-width:70ch}
.sec p{margin:0 0 18px}
.answer{font:500 21px/1.45 var(--fd);letter-spacing:-.01em;margin:0 0 16px !important;max-width:690px !important}
.readon{margin:-4px 0 6px}
.rest{padding-top:14px}
.rest[hidden]{display:none}
.sec ul.dash{list-style:none;padding:0;margin:0 0 18px}
.sec ul.dash li{padding-left:26px;position:relative;margin-bottom:8px}
.sec ul.dash li::before{content:"";position:absolute;left:0;top:.8em;width:14px;height:3px;background:var(--v)}
.sec ol.steps{list-style:none;padding:0;margin:8px 0 0;counter-reset:s;border-bottom:1px solid var(--ink)}
.sec ol.steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--ink)}
.sec ol.steps li::before{content:counter(s);font:800 34px/1 var(--fd);letter-spacing:-.05em;color:var(--v-deep)}
.tablebox{margin:16px 0 22px}
.t-note{font-size:13px;line-height:1.45;margin-top:10px;color:var(--ink-2);max-width:70ch}
.p-note{border-top:3px solid var(--v);padding-top:12px;margin:40px 0 0;max-width:70ch;display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);column-gap:22px}
.p-note .nh{font:800 12px var(--fs);letter-spacing:.1em;text-transform:uppercase;margin:4px 0 0}
.p-note p{margin:0;font-size:16px;line-height:1.5}

.faq details{border-top:2px solid var(--ink);max-width:70ch}
.faq details:last-of-type{border-bottom:2px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 32px;align-items:center;gap:16px;padding:16px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font:700 20px/1.25 var(--fd);letter-spacing:-.015em}
.faq .pm{width:32px;height:32px;position:relative;border:2px solid var(--ink)}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;left:7px;right:7px;top:13px;height:2.5px;background:var(--ink)}
.faq .pm::after{transform:rotate(90deg)}
.faq details[open] .pm{background:var(--lime)}
.faq details[open] .pm::after{transform:rotate(0)}
.faq details p{margin:0 0 18px}
.mo .faq .pm::before,.mo .faq .pm::after{transition:transform .2s}

.p-rel{border-top:2px solid var(--ink);margin-top:48px;padding-top:24px}
.p-rel h2{font:800 12px var(--fs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.p-rel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.p-rel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--ink);color:var(--ink);text-decoration:none;font:700 17px/1.25 var(--fd)}
.p-rel a:hover{color:var(--v-deep)}
.p-rel a svg{flex:none;color:var(--v)}
.mo .p-rel a svg{transition:transform .18s}
.p-rel a:hover svg{transform:translateX(3px)}
.fn{font-size:.62em;line-height:0;vertical-align:.7em;margin-left:1px}
.fn a{font-weight:800;text-decoration:none;color:var(--v-deep);padding:0 2px}
.fn a:hover{text-decoration:underline}
.sources{border-top:2px solid var(--ink);padding-top:40px;margin-top:48px}
.sources h2{font:700 clamp(26px,2.2vw,32px)/1.1 var(--fd);letter-spacing:-.03em;margin:0 0 10px;max-width:690px}
.sources>p{font-size:15px;margin:0 0 14px;max-width:690px}
.sources h3{font:800 12px var(--fs);letter-spacing:.1em;text-transform:uppercase;margin:0}
.sources ol{margin:0 0 14px;padding:0 0 0 30px;max-width:70ch}
.sources li{font-size:15px;line-height:1.45;padding:9px 0;border-bottom:1px solid #CFC7EE}
.sources li::marker{font:800 15px var(--fd);color:var(--v-deep)}
.sources li:target{background:var(--lav)}
.sources .back{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-12px 0;vertical-align:middle;font-size:18px;text-decoration:none;font-weight:800}
.sources .src-g{border-top:1px solid var(--ink);max-width:70ch}
.sources .src-g:last-child{border-bottom:1px solid var(--ink)}
.sources .src-g>summary{display:flex;align-items:baseline;gap:12px;min-height:48px;padding:12px 0;cursor:pointer;list-style:none}
.sources .src-g>summary::-webkit-details-marker{display:none}
.sources .src-g>summary::after{content:"+";margin-left:auto;font:800 22px/1 var(--fd);color:var(--v-deep)}
.sources .src-g[open]>summary::after{content:"\2212"}
.sources .src-g>summary .src-n{font-size:14px;color:var(--v-deep)}
.sources .src-g>summary:hover h3{color:var(--v-deep)}
.p-rel+.sources,.sources+.p-rel{margin-top:48px}
.g-key .p-score-n b{font-size:clamp(110px,11vw,168px)}
.g-key .p-score-r{font-size:16px;line-height:1.45;color:#fff;max-width:36ch}
.g-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--lime);color:var(--ink);margin-top:24px}
.g-cin{padding:24px 26px 26px}
.g-cout{padding:24px 26px 22px;border-left:2px solid var(--ink)}
.g-pre-l{margin:0 0 8px !important;font:700 14px/1.3 var(--fs)}
.g-pre{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border:2px solid var(--ink);margin:0 0 20px}
.g-pre button{display:block;min-height:68px;margin:0;padding:10px 12px;border:0;border-left:2px solid var(--ink);background:transparent;color:var(--ink);text-align:left;font:700 15px/1.2 var(--fd);letter-spacing:-.01em;cursor:pointer}
.g-pre button:first-child{border-left:0}
.g-pre button small{display:block;margin-top:5px;font:500 12.5px/1.35 var(--fs);letter-spacing:0}
.g-pre button small span{display:block}
.g-pre button:hover{background:rgba(255,255,255,.55)}
.g-pre button[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.g-pre button:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px #fff}
.mo .g-pre button{transition:background .15s,color .15s}
html:not(.js) .g-pre,html:not(.js) .g-pre-l{display:none}
.g-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.g-wide{grid-column:1/-1}
.g-fld label{display:block;margin:0 0 8px;font:700 14px/1.3 var(--fs)}
.g-in{position:relative;display:flex;align-items:center;gap:8px;background:#EEFBB9;border:2px solid var(--ink);padding:0 14px;min-height:56px}
.g-in input{flex:1;min-width:0;border:0;background:transparent;font:700 24px var(--fd);letter-spacing:-.02em;color:var(--ink);padding:10px 0;font-variant-numeric:tabular-nums;border-radius:0}
.g-in input:focus{outline:none}
.g-in:focus-within{outline:3px solid var(--ink);outline-offset:2px}
.g-in span{font:700 15px var(--fs);color:var(--ink-2)}
.g-in.bad{border-style:dashed}
.g-sent{margin:0 0 20px !important;font:500 20px/1.4 var(--fd);letter-spacing:-.01em}
.g-sent b{font-weight:800}
.g-out{margin:0;border-top:2px solid var(--ink)}
.g-out div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--ink)}
.g-out dt{display:flex;align-items:center;gap:10px;font:700 14px var(--fs)}
.g-n{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--ink);color:var(--lime);font:800 13px/1 var(--fd)}
.g-out dd{margin:0;font:800 clamp(28px,2.6vw,38px)/1 var(--fd);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.g-note{margin:14px 0 0 !important;font-size:13px;line-height:1.45}
.g-ops .g-x{font:800 18px var(--fd);color:var(--v-deep)}
.g-ops th a{color:var(--ink);text-decoration-color:var(--v)}
body.t-guide .hmode .mw{visibility:visible}
body.t-guide .omode-l{display:block}
body.t-guide .mode-drawer{display:grid}
@keyframes m-in{from{opacity:0;transform:translateY(8px)}}
.vs,.qc{display:none}
html[data-mode="sehen"] .vs{display:grid}
html[data-mode="ueben"] .qc{display:grid}
.mo .vs.in,.mo .qc.in{animation:m-in .26s var(--e) both}
.mo.m-out .vs,.mo.m-out .qc{transition:opacity .12s,transform .12s;opacity:0;transform:translateY(4px)}
.vs{grid-template-columns:minmax(150px,236px) minmax(0,1fr);max-width:70ch;margin:0 0 24px;background:var(--ink);color:#fff}
.vs-play,.vs video{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--v);color:var(--ink);text-decoration:none}
.vs video{width:100%;height:auto}
.vs-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--e)}
.mo .vs-play:hover img{transform:scale(1.04)}
.vs-btn{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 10px;background:var(--lime);font:800 13px/1 var(--fs);letter-spacing:.03em;transition:background .15s}
.vs-play:hover .vs-btn{background:#fff}
.vs-play:focus-visible{outline:0}
.vs-play:focus-visible .vs-btn{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}
.vs-cap{padding:12px 18px 6px;min-width:0}
.vs-k{display:block;font:800 11.5px/1.2 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.vs-cap>b{display:block;margin-top:6px;font:700 19px/1.15 var(--fd);letter-spacing:-.015em}
.vs-text summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 12.5px/1 var(--fs);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.vs-text summary::-webkit-details-marker{display:none}
.vs-text summary::after{content:"+";font:700 17px/1 var(--fd);color:var(--lime);text-decoration:none}
.vs-text[open] summary::after{content:"–"}
.vs-text summary:hover{color:var(--lime)}
.vs-text p{margin:0 0 12px !important;font-size:15.5px;line-height:1.55;color:var(--lav);max-width:none}
.vs.playing{grid-template-columns:minmax(0,1fr)}
.vs.playing .vs-cap{padding-top:14px}
.vs-note{margin:8px 0 0 !important;font-size:13.5px;color:var(--mute)}
@media (max-width:600px){
  .vs{grid-template-columns:minmax(0,1fr);margin-left:-18px;margin-right:-18px}
  .vs-cap{padding:12px 18px 4px}
}
.qc{grid-template-columns:52px minmax(0,1fr);column-gap:10px;max-width:none;margin:30px 0 4px;padding-top:16px;border-top:2px solid var(--ink)}
.qc-no{font:800 34px/1 var(--fd);letter-spacing:-.05em;color:var(--v-deep)}
.qc-k{margin:0 0 6px !important;font:800 12px/1.2 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:var(--v-deep)}
.qc-q{max-width:56ch !important;margin:0 0 14px !important;font:700 19px/1.3 var(--fd);letter-spacing:-.01em}
.qc-a{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:8px}
.qc-a button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:600 16px/1.3 var(--fs);transition:background .15s,color .15s,border-color .15s}
.qc-a button i{flex:none;position:relative;width:20px;height:20px;border:2px solid currentColor}
.qc-a button:hover:not([aria-disabled="true"]){background:var(--lav)}
.qc-a button:focus-visible{outline:3px solid var(--v);outline-offset:2px}
.qc-a button[aria-disabled="true"]{cursor:default}
.qc-a button.right{background:var(--lime);border-color:var(--ink)}
.qc-a button.right i{background:var(--ink);border-color:var(--ink)}
.qc-a button.right i::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--lime);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.qc-a button.wrong{background:var(--ink);color:#fff;border-color:var(--ink)}
.qc-a button.wrong span{text-decoration:line-through;text-decoration-thickness:2px}
.qc-a button.wrong i::before,.qc-a button.wrong i::after{content:"";position:absolute;left:2px;right:2px;top:7px;height:2px;background:currentColor;transform:rotate(45deg)}
.qc-a button.wrong i::after{transform:rotate(-45deg)}
.qc-a button.dim{opacity:.55}
.qc-why{margin:12px 0 0 !important;font-size:16px;line-height:1.5}
.qc-why:empty{display:none}
.qc-why b{font-weight:800}
.qc-why .more{margin-left:4px;min-height:44px}
.qc.done-r .qc-no{color:var(--ink)}
@media (max-width:600px){
  .qc{grid-template-columns:minmax(0,1fr)}
  .qc-no{display:none}
  .qc-q{font-size:18px}
}
.gl2{margin:0;max-width:70ch;border-top:1px solid var(--ink)}
.gl2>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:24px;padding:12px 0;border-bottom:1px solid var(--hair-p);scroll-margin-top:110px}
.gl2 dt{font:700 17px/1.3 var(--fd);letter-spacing:-.01em}
.gl2 dd{margin:0}
.gl2 dd p{margin:0;font-size:15.5px;line-height:1.5}
.gl2 dd a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:600;color:var(--v-deep);text-decoration-color:var(--v)}
.gl2>div:target,.gl2>div.flash{background:var(--lav);box-shadow:-12px 0 0 var(--lav),12px 0 0 var(--lav)}
@media (max-width:600px){
  .gl2>div{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .qc-a button,.vs-play img{transition:none}
}
.g-u{font-size:.36em;letter-spacing:-.02em;margin-left:.04em;color:#fff;vertical-align:baseline}
.g-key .p-score-n{display:flex;flex-direction:row}
.g-modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);align-items:center;column-gap:32px;margin-top:clamp(28px,3vw,44px);padding:18px 0;border-top:2px solid #fff;border-bottom:1px solid var(--hair)}
.g-modes-l{margin:0;font:700 clamp(19px,1.7vw,24px)/1.2 var(--fd);letter-spacing:-.02em}
.mode-hint{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.mode-hint button{height:auto;min-height:60px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:10px 14px;white-space:normal}
.mode-hint button b{font:700 17px/1 var(--fd);letter-spacing:-.01em}
.mode-hint button span{font:500 12.5px/1.25 var(--fs);color:var(--lav)}
.mode-hint button[aria-checked="true"] span{color:var(--ink)}
.mode-hint button:hover:not([aria-checked="true"]){background:var(--v-deep)}
html:not(.js) .g-modes{display:none}
.g-gl{border-top:2px solid var(--ink);padding-top:40px;margin-top:48px}
.g-gl h2{font:700 clamp(26px,2.2vw,32px)/1.1 var(--fd);letter-spacing:-.03em;margin:0 0 14px}
.g-ig{margin:36px 0 8px;padding:0}
.g-ig+.sec{border-top:2px solid var(--ink);padding-top:40px;margin-top:40px}
.g-ig-open{position:relative;display:block;max-width:560px;margin:0 auto;background:var(--v);color:var(--ink);text-decoration:none}
.g-ig-open img{display:block;width:100%;height:auto}
.g-ig-z{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;background:var(--lime);font:800 13px/1 var(--fs)}
.g-ig-open:hover .g-ig-z{background:#fff}
.g-ig-open:focus-visible{outline:0}
.g-ig-open:focus-visible .g-ig-z{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}
.g-ig figcaption{max-width:560px;margin:12px auto 0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.g-ig-c{color:var(--ink);font-weight:600}
.g-ig-e{margin-top:10px;border-top:1px solid var(--hair-p,#CFC7EE)}
.g-ig-e summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 12.5px/1 var(--fs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-decoration-color:var(--v);text-decoration-thickness:2px;text-underline-offset:4px}
.g-ig-e summary::-webkit-details-marker{display:none}
.g-ig-e summary::after{content:"+";font:700 17px/1 var(--fd);color:var(--v-deep);text-decoration:none}
.g-ig-e[open] summary::after{content:"\2013"}
.g-ig-e p{margin:4px 0 8px !important;font-size:14px}
.g-ig-e textarea{display:block;width:100%;box-sizing:border-box;font:500 13px/1.45 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:10px;resize:vertical}
.g-ig-e textarea:focus{outline:3px solid var(--v);outline-offset:2px}
.g-lb{position:fixed;inset:0;z-index:80;background:rgba(27,16,48,.92);display:grid;place-items:center;padding:56px 12px 12px}
.g-lb[hidden]{display:none}
.g-lb img{max-width:100%;max-height:calc(100vh - 80px);width:auto;height:auto;display:block}
.g-lb-x{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border:2px solid #fff;background:none;color:#fff;cursor:pointer}
.g-lb-x:hover,.g-lb-x:focus-visible{background:var(--lime);color:var(--ink);border-color:var(--lime);outline:0}
@media (prefers-reduced-motion:no-preference){
  .mo .btn{background:linear-gradient(#fff,#fff) 0 0/0 100% no-repeat var(--lime);transition:background-size .35s var(--e),transform .15s}
  .mo .btn:hover,.mo .btn:focus-visible{background:linear-gradient(#fff,#fff) 0 0/100% 100% no-repeat var(--lime)}
}
html:not(.mo) .btn,html:not(.mo) .btn svg{transition:none}

@media (max-width:1240px){
  
  
  
}
@media (max-width:1100px){
  .g-modes{grid-template-columns:minmax(0,1fr);row-gap:12px}
  .g-box{grid-template-columns:minmax(0,1fr)}
  .g-cout{border-left:0;border-top:2px solid var(--ink)}
  .ix{grid-column:1/-1;top:var(--hdr,0px);z-index:30;margin:0 calc(var(--gut) * -1) 22px;background:var(--ink)}
  html:not(.js) .ix{position:static;background:none;margin:0 0 24px}
  .ix-head{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;grid-template-areas:"num of tg" "num now tg" "seg seg seg";column-gap:14px;align-items:center;padding:10px var(--gut) 0}
  html:not(.js) .ix-head{display:block;padding:0}
  .ix-k,.ix-c{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html:not(.js) .ix-k{position:static;width:auto;height:auto;clip-path:none}
  .ix-cnt{display:contents}
  .ix-num{grid-area:num;font-size:46px;align-self:center}
  .ix-of{grid-area:of;margin:0;font-size:12px;align-self:end}
  .ix-sl{position:static;width:auto;height:auto;clip-path:none}
  .ix-of .ix-cur{display:inline}
  .ix-now{grid-area:now;margin:2px 0 0;font-size:15.5px;min-height:0;-webkit-line-clamp:1;align-self:start}
  .ix-tg{grid-area:tg;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;background:none;color:#fff;cursor:pointer}
  .ix-tg-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .ix-tg:hover,.ix-tg[aria-expanded="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
  .ix-tg[aria-expanded="true"] svg{transform:rotate(180deg)}
  .mo .ix-tg svg{transition:transform .2s var(--e)}
  .ix-tg:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
  .ix-seg{grid-area:seg;margin:10px calc(var(--gut) * -1) 0;height:4px;gap:2px}
  html.js .ix-l{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);box-shadow:0 18px 30px rgba(27,16,48,.45);margin:0;border-top:0;max-height:min(62vh,440px);overflow-y:auto;overscroll-behavior:contain;padding:6px var(--gut) 12px}
  html.js .ix.open .ix-l{display:block}
  html.js .ix-l a{margin:0 -8px;padding:12px 8px;border-bottom:1px solid var(--line-ink);font-size:15px}
  .sheet .sec,.sheet .sources{scroll-margin-top:calc(var(--hdr,0px) + 84px)}
  .sheet{grid-column:1/-1;padding:44px 40px 32px}
}
@media (max-width:1240px){
  .p-grid{grid-template-columns:minmax(0,1fr) 440px;column-gap:40px}
}
@media (max-width:900px){
  .p-grid,.p-grid.no-fig{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "f" "t" "s"}
  .p-grid.no-fig .p-score{margin-top:28px}
  .p-fig{margin-top:22px}
}
@media (max-width:760px){
  .g-key{grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "n" "r" "m"}
  .g-key .p-score-r{margin:12px 0 2px;max-width:40ch}
  .g-cin,.g-cout{padding:18px 14px}
  .g-box{margin-left:-4px;margin-right:-4px}
  .g-pre{grid-template-columns:minmax(0,1fr)}
  .g-pre button{border-left:0;min-height:56px}
  .g-pre button+button{border-top:2px solid var(--ink)}
  .g-pre button small{display:flex;gap:10px}
  .g-fields{grid-template-columns:minmax(0,1fr)}
  .g-sent{font-size:18px}
  .g-out dd{font-size:26px}
  
  
  
  
  
  
  
  
  .g-key .p-score-n b{font-size:96px}

  .grid{column-gap:12px}
  .p-hero{padding-top:18px}
  .crumbs ol{margin-bottom:18px;font-size:13px}
  .p-lead h1{font-size:31px;margin-top:10px}
  .p-lede{font-size:18px;margin-top:16px}
  .p-score-n b{font-size:96px}
  .p-score-n{flex-direction:column;gap:6px}
  .p-score-n span{font-size:16px}
  .sheet{padding:30px 18px 20px}
  .sec+.sec,.p-note+.sec{padding-top:32px;margin-top:32px}
  .answer{font-size:19px}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .p-note{grid-template-columns:minmax(0,1fr);row-gap:6px}
  .faq summary h3{font-size:18px}
  .p-rel ul{grid-template-columns:minmax(0,1fr)}
  
  
}
.p-t{width:100%;border-collapse:collapse;font-size:15px}
.p-t caption{text-align:left;font:700 13px var(--fs);letter-spacing:.06em;text-transform:uppercase;padding-bottom:10px;color:var(--ink-2)}
.p-t thead th{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:0 14px 8px 0;border-bottom:3px solid var(--ink)}
.p-t tbody th,.p-t td{padding:12px 14px 12px 0;border-bottom:1px solid #CFC7EE;text-align:left;vertical-align:top}
.p-t tbody th{font:700 17px var(--fd);white-space:nowrap}
.p-t td{line-height:1.4}
@media (max-width:1100px){
  
}
@media (max-width:760px){
  
  
  
  .p-t,.p-t tbody,.p-t tr,.p-t th,.p-t td{display:block}
  .p-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .p-t caption{display:block}
  .p-t tbody tr{padding:12px 0;border-bottom:1px solid var(--ink)}
  .p-t tbody th,.p-t td{border:0;padding:3px 0}
  .p-t td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
  .p-t td::before{content:attr(data-l);font-size:13px;font-weight:600;color:var(--ink-2)}
}