.wrap-tool[data-full] .wrap-numbers>div:first-child b{font-size:1.5rem}.soft-page.wrap-calc .wrap-slot .wrap-tool[data-full]{background:var(--card);border:1px solid var(--soft-line);border-radius:var(--soft-r);box-shadow:var(--soft-shadow);margin:0;padding:clamp(1rem,.7rem + 1.4vw,2rem)}@media (min-width:1024px){.wrap-slot .wrap-tool[data-full]{columns:2;column-gap:var(--space-12);column-rule:1px solid var(--soft-line,var(--line))}.wrap-tool[data-full] :is([data-wrap-out]:not([hidden]),.wrap-panel){break-before:column}.wrap-tool[data-full] :is(.wrap-presets,.wrap-seg,.wrap-measure,.wrap-dims,.wrap-numbers,.wrap-allow,.wrap-stage,.wrap-pattern,.wrap-next,[data-wrap-go]){break-inside:avoid}}.soft-page.wrap-calc .prose{max-inline-size:none}.soft-page.wrap-calc h2{font-family:var(--font-head);line-height:1.15}.wrap-calc .wc-top{gap:var(--space-6);margin-block:var(--space-2) var(--soft-band-pad);display:grid}.wrap-calc .wc-hero h1{margin:0 0 var(--space-4);font-size:clamp(2.5rem,1.5rem + 3vw,4rem);line-height:1}.wrap-calc .wc-intro{max-inline-size:32rem;margin:0;font-size:1.1875rem}.wrap-calc .wc-answer>.prose>:first-child{margin-block-start:0}.wrap-calc .wc-answer>.prose>:last-child{margin-block-end:0}.wrap-calc .wc-answer p{max-inline-size:52rem}.wrap-calc .wc-top>.wrap-slot{margin:0}.wrap-calc .wc-scene{display:block;overflow:hidden}.wrap-calc .wc-scene>img{object-fit:cover;object-position:center 35%;-webkit-mask-composite:source-in;block-size:10rem;inline-size:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 10% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 10% 75%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (min-width:700px){.wrap-calc .wc-top{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:center}.wrap-calc .wc-top>.wc-hero{grid-area:1/1}.wrap-calc .wc-top>.wc-scene{grid-area:1/2}.wrap-calc .wc-top>:not(.wc-hero,.wc-scene){grid-column:1/-1}.wrap-calc .wc-top>.wrap-slot{grid-row:2}.wrap-calc .wc-top>.wc-answer{grid-row:3}.wrap-calc .wc-scene>img{block-size:auto}}@media (min-width:700px) and (max-width:1023px){.wrap-calc .wc-top{column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,38%)}}.wrap-calc .wc-q h2{margin-block:0 var(--space-3);font-size:clamp(1.5rem,1.25rem + .8vw,1.75rem)}.wrap-calc .wc-explain{gap:var(--space-8);display:grid}.wrap-calc .wc-explain>section{min-inline-size:0}.wrap-calc .wc-explain>section:first-child ul{counter-reset:wc-step;padding:0;list-style:none}.wrap-calc .wc-explain>section:first-child ul>li{counter-increment:wc-step;margin-block-end:var(--space-4);padding-inline-start:3rem;position:relative}.wrap-calc .wc-explain>section:first-child ul>li:before{content:counter(wc-step);block-size:2.125rem;inline-size:2.125rem;color:var(--ink);font:700 1rem/1 var(--font-body);background:#f6dfa6;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.soft-page .art-slot{aspect-ratio:16/9;border-radius:var(--soft-r-sm);background:var(--card);margin-block-start:var(--space-4);overflow:hidden}.soft-page .art-slot .photo{block-size:100%;margin:0}.soft-page .art-slot img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.wrap-calc .wc-example{padding:var(--space-4) var(--space-6);background:var(--card);border-radius:var(--soft-r-sm);margin-block-start:var(--space-4)}.wrap-calc .wc-example-title{margin:0 0 var(--space-2);font-weight:700}.wrap-calc .wc-example dl{margin:0}.wrap-calc .wc-example dl>div{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2);border-block-start:1px solid var(--soft-line);display:flex}.wrap-calc .wc-example dt{color:var(--muted)}.wrap-calc .wc-example dd{text-align:end;margin:0;font-weight:700}@media (min-width:1024px){.wrap-calc .wc-explain{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.wrap-calc .wc-explain>section{padding-inline:var(--space-6)}.wrap-calc .wc-explain>section:first-child{padding-inline-start:0}.wrap-calc .wc-explain>section:last-child{padding-inline-end:0}.wrap-calc .wc-explain>section+section{border-inline-start:1px solid var(--soft-line)}}.wrap-calc .wc-more{gap:var(--soft-band-pad) var(--space-12);margin-block:var(--soft-band-pad);display:grid}.wrap-calc .wc-sizes .wrap-sizes{inline-size:100%;margin:0}.wrap-calc .wc-sizes caption{text-align:start;font:700 clamp(1.5rem, 1.25rem + .8vw, 1.75rem)/1.15 var(--font-head);color:var(--ink);margin-block-end:var(--space-3)}.wrap-calc .wc-sizes :is(th,td){padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--soft-line);text-align:start}.wrap-calc .wc-sizes thead th{background:var(--soft-cream)}.wrap-calc .wc-trouble .soft-qa{gap:var(--space-6);grid-template-columns:1fr}.wrap-calc .wc-trouble .soft-qa>*{grid-column:auto}.wrap-calc .wc-trouble .soft-qa-item{border:0;padding-block-start:0}.wrap-calc .wc-trouble .soft-qa-item h2{font-size:1.375rem}.wrap-calc .wc-trouble .soft-qa-item ul{margin-block-end:var(--space-2)}@media (min-width:1024px){.wrap-calc .wc-more{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.wrap-calc .wc-more>.wc-trouble{border-inline-start:1px solid var(--soft-line);padding-inline-start:var(--space-8)}}.wrap-calc .wc-trouble .soft-icon-tile{background:var(--soft-cream);block-size:4rem;inline-size:4rem;color:var(--ink)}.wrap-calc .wc-trouble .soft-icon-tile .soft-icon{block-size:1.75rem;inline-size:1.75rem}.wrap-calc .wc-learn{gap:var(--space-6);display:grid}.wrap-calc .wc-learn-head .soft-h2{margin:0 0 var(--space-2)}.wrap-calc .wc-learn-head p{margin:0 0 var(--space-4)}.wrap-calc .wc-learn .soft-steps{grid-template-columns:minmax(0,1fr);margin:0}@media (min-width:600px){.wrap-calc .wc-learn .soft-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.wrap-calc .wc-learn .soft-steps>li{padding:var(--space-3);background:var(--card);border-radius:var(--soft-r)}@media (min-width:1024px){.wrap-calc .wc-learn{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);align-items:center}.wrap-calc .wc-learn .soft-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.soft-page.wrap-calc .next-up{border-block-start:1px solid var(--soft-line)}.wrap-calc .wc-steps-link{margin-block-start:var(--space-2)}.wrap-calc .wc-roll{margin:var(--space-4) 0 0;text-align:center}.wrap-calc .wc-roll img{block-size:auto;inline-size:min(100%,22rem);margin-inline:auto;display:block}.wrap-calc .wc-roll figcaption{color:var(--muted);margin-block-start:var(--space-2);font-size:.875rem}.wrap-calc .wc-learn .soft-steps img{background:0 0}@media (min-width:1024px){.wrap-calc .wc-explain h2{font-size:1.5rem}.wrap-calc .wc-learn{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}.wrap-calc .wc-learn .soft-steps h3{align-items:center;gap:var(--space-2);font-size:1.125rem;display:flex}.wrap-calc .wc-learn .soft-steps h3:before{block-size:1.75rem;inline-size:1.75rem}}.wrap-calc .wc-example dt{flex:none}.wrap-calc .wrap-tool[data-full] .wrap-allow+.wrap-pattern,.wrap-calc .wrap-tool[data-full] .wrap-pattern{margin-block-start:var(--space-4)}
.wrap-howto .wl-opening{align-items:center;gap:var(--space-4);margin-block:var(--space-4);display:grid}.wrap-howto .wl-opening h1{margin-block:0 var(--space-3)}.wrap-howto .wl-opening p{max-inline-size:48rem;margin-block:var(--space-3)}.wrap-howto .wl-scene{justify-self:end;inline-size:max-content;display:block}.wrap-howto .wl-scene img{block-size:6rem;inline-size:auto;display:block}.wrap-howto .wl-techniques{gap:var(--space-2);margin-block:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wrap-howto .wl-techniques a{min-block-size:44px;padding:var(--space-2);border:1px solid var(--border-ui);border-radius:var(--r-ctrl);text-align:center;color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:.2em;font-size:1rem;text-decoration:none;display:flex}.wrap-howto .wl-techniques a[aria-current]{background:var(--soft-sage);border-color:var(--ink);font-weight:700}.wrap-howto .wl-techniques a:focus-visible,.wrap-howto .wl-next a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.wrap-howto .wl-film-note{margin-block:var(--space-3);font-size:1rem;line-height:1.45}.wrap-howto .wl-below{max-inline-size:52rem;margin:var(--space-6) auto 0}.wrap-howto .wl-kit{border-block:1px solid var(--line);padding-block:var(--space-4);margin-block:var(--space-6);flex-wrap:wrap;gap:.5em;display:flex}.wrap-howto .wl-kit h2,.wrap-howto .wl-kit p{font:inherit;margin:0;display:inline}.wrap-howto .wl-kit h2{font-weight:700}.wrap-howto .wl-kit h2:after{content:":"}.wrap-howto .wl-paper,.wrap-howto .wl-finish{margin-block:var(--space-8)}.wrap-howto .wl-paper .wrap-tool{max-inline-size:none}.wrap-howto .wrap-kit{flex-wrap:wrap;column-gap:1.5rem;display:flex}.wrap-howto .wrap-kit-sep{display:none}.wrap-howto .wl-finish>:not(.wl-bow) ul{padding-inline-start:1.4em}.wrap-howto .wl-finish>:not(.wl-bow) ul li{margin-block:var(--space-2)}.wrap-howto .wl-bow{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.wrap-howto .wl-bow .step-figure{margin:0;padding:0;display:block}.wrap-howto .wl-bow .step-figure>*{min-inline-size:0}.wrap-howto .wl-bow .step-figure img{block-size:auto;inline-size:100%}.wrap-howto .wl-bow h3{margin-block:var(--space-2);font-size:1rem;line-height:1.3}.wrap-howto .wl-bow p{font-size:1rem;line-height:1.45}.wrap-howto .wl-questions{margin-block:var(--space-8)}.wrap-howto .wl-fold{border-block-end:1px solid var(--line);padding-block:var(--space-3)}.wrap-howto .wl-fold summary{cursor:pointer;min-block-size:44px}.wrap-howto .wl-fold summary h2{margin:0;font-size:1.375rem;line-height:1.4;display:inline}.wrap-howto .wl-fold-body p{max-inline-size:65ch}.wrap-howto .wl-next{margin-block:var(--space-8)}.wrap-howto .wl-next nav{gap:var(--space-4);display:grid}.wrap-howto .wl-next a{border-block-end:1px solid var(--line);min-block-size:44px;padding-block:var(--space-2);color:var(--ink);font-size:1.125rem;font-weight:700;text-decoration:none;display:block}@media (min-width:768px){.wrap-howto .wl-opening{gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto}.wrap-howto .wl-scene img{block-size:clamp(6rem,4.125rem + 4vw,7.75rem)}.wrap-howto .wl-techniques{flex-wrap:wrap;display:flex}.wrap-howto .wl-techniques a{padding-inline:var(--space-4)}.wrap-howto .wl-finish>:not(.wl-bow) ul{columns:2;column-gap:var(--space-6)}.wrap-howto .wl-finish>:not(.wl-bow) ul li{break-inside:avoid}.wrap-howto .wl-next nav{grid-template-columns:repeat(3,minmax(0,1fr))}}.wrap-howto .wl-player .step-film--manual figure,.wrap-howto .wl-player .film-steps p{max-inline-size:none}.wrap-howto .wl-player .wl-kit{margin-block:var(--space-4) 0}@media (orientation:landscape) and (max-height:500px){.wrap-howto .wl-player .step-film--manual video{max-block-size:calc(100svh - 2rem);inline-size:auto;max-inline-size:100%;margin-inline:auto}}@media (min-width:900px){.wrap-howto .wl-player{column-gap:var(--space-6);grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}.wrap-howto .wl-player>h2{grid-column:1/-1}.wrap-howto .wl-player .step-film--manual{display:contents}.wrap-howto .wl-player .step-film--manual figure{grid-area:4/1;position:sticky;inset-block-start:var(--space-4)}.wrap-howto .wl-player .film-steps{grid-area:2/2/-1}.wrap-howto .wl-player .wl-film-note{grid-area:2/1;margin-block:0}.wrap-howto .wl-player .wl-kit{margin-block:var(--space-3) var(--space-4);grid-area:3/1}}@media (max-width:599px){.wrap-howto .wl-bow{grid-template-columns:minmax(0,1fr)}.wrap-howto .wl-bow .step-figure{gap:var(--space-4);grid-template-columns:8.5rem minmax(0,1fr);align-items:center;display:grid}.wrap-howto .wl-bow h3{margin-block-start:0}}@media (min-width:1100px){.wrap-howto .wl-below{column-gap:var(--space-12);grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,44rem) minmax(0,1fr);align-items:start;max-inline-size:none;margin-inline:0;display:grid}.wrap-howto .wl-below>.wl-paper{grid-area:1/1/-1;margin-block-start:0}.wrap-howto .wl-below>:is(.wl-finish,.wl-questions,.wl-next){margin-block:0 var(--space-8);grid-column:2}.wrap-howto .wl-below>.wl-kit{grid-column:1/-1}.wrap-howto .wl-finish>:not(.wl-bow) ul{columns:auto}.wrap-howto .wl-bow{grid-template-columns:minmax(0,1fr)}.wrap-howto .wl-bow .step-figure{gap:var(--space-4);grid-template-columns:10rem minmax(0,1fr);align-items:center;display:grid}.wrap-howto .wl-bow h3{margin-block-start:0}.wrap-howto .wl-next nav{grid-template-columns:minmax(0,1fr);gap:0}}
