@layer lism-base{@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;word-break:normal;overflow-x:clip}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit;display:flow-root}abbr[title]{text-decoration:underline dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{padding:0;list-style:none}audio,canvas,iframe,img,object,svg,video{vertical-align:middle;max-inline-size:100%}img,video{block-size:auto}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}::file-selector-button{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{resize:block;max-inline-size:100%}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}::file-selector-button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}@property --sz--bleed{syntax:"<length-percentage>";inherits:true;initial-value:100svi}:root{--L:60%;--C:.2;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 6%) calc(var(--C) - .01) 48);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - .02) 80);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - .02) 152);--blue:oklch(calc(var(--L) - 4%) calc(var(--C) + .01) 264);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + .01) 288);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + .01) 352);--gray:oklch(calc(var(--L) - 4%) calc(var(--C)/10) 240);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfc;--base-2:#f2f2f3;--text:#141414;--text-2:#4e5155;--link:oklch(50% .3 240);--divider:#dfe0e2;--shadow:#1414151f;--neutral:#cbcccd;--shc:var(--shadow);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px;--fz-mol:8;--hl-unit:calc(var(--fz--base)*.125);--s-unit:calc(var(--fz--base)*.5);--gutter--base:var(--s30);--flow--base:var(--s30);--flow--s:var(--s20)}:root:where([lang=ja]){--flow--base:var(--s35)}:root{--white:#fff;--black:#000;--fz--base:1rem;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--hl--base:calc(var(--hl-unit)*3);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--l:calc(var(--hl-unit)*4);--lts--base:normal;--lts--s:-.025em;--lts--l:.05em;--lts--xl:.1em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif;--ff--accent:Georgia,serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--light:300;--fw--normal:400;--fw--bold:600;--o--mp:.9;--o--p:.75;--o--pp:.5;--o--ppp:.25;--bdrs--10:.25rem;--bdrs--20:.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--sz--xs:400px;--sz--s:640px;--sz--m:880px;--sz--l:1200px;--sz--xl:1600px;--ar--og:1.91/1}.set--bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}.set--s,:root{--s5:calc(var(--s-unit)*.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s25:calc(var(--s-unit)*2.5);--s30:calc(var(--s-unit)*3);--s35:calc(var(--s-unit)*4);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);tab-size:4;text-underline-offset:.125em}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono);letter-spacing:normal}:where(blockquote>p)+p{margin-block-start:var(--s10)}blockquote,q{font-style:italic}blockquote{background-color:var(--base-2);padding:var(--s20)}caption,figcaption{font-size:var(--fz--s)}hr{border:none;border-block-start:1px solid var(--divider);block-size:0}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-ps,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}td,th{padding:var(--cells-p,.625em .875em)}button,input:not([type=range]),select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));padding:var(--controls-p,.25em .5em)}::file-selector-button{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));padding:var(--controls-p,.25em .5em)}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--bdrsInner{--bdrs--inner:calc(var(--bdrs,0px) - var(--p,0px))}.set--bleed{--bleed:max(var(--gutter,var(--gutter--base)),calc((100cqi - min(100cqi, var(--contentSize,var(--sz--m)))) / 2))}.set--plain{color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);background:0 0;border:none;border-radius:0;width:auto;min-width:0;max-width:none;min-height:0;max-height:none;margin:0;padding:0;text-decoration:none}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-ps,1.75em)}.set--s{--s-unit:.5em}.-bd,[class*=\ -bd-],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}:root{--base:#fcfbf8;--base-2:#fde5ba;--base2:var(--base-2);--text:#1c1b17;--text-2:#4d4d4d;--muted:#4d4d4d;--divider:#e9e7e2;--line:var(--divider);--brand:#e69d00;--link:#e69d00;--ff--base:"Hiragino Mincho ProN", "Yu Mincho", "BIZ UDPMincho", "MS PMincho", serif;--ff--accent:-apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif, "Segoe UI Emoji";--headings-fw:500}}@layer lism-trait{.is--container{container-type:inline-size}.is--container>*{--sz--bleed:100cqi}.is--container.has--gutter>*{--sz--bleed:calc(100cqi + var(--gutter)*2)}.is--container .is--container>*{--sz--bleed:inherit}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{inline-size:100%;max-inline-size:min(100%,var(--contentSize));margin-inline:auto}.is--boxLink{color:inherit;cursor:pointer;isolation:isolate;pointer-events:auto;text-decoration:none;display:block;position:relative}.is--boxLink :where(a:not(.is--coverLink)){z-index:2;position:relative}.is--coverLink{color:inherit;text-decoration:none;position:static}.is--coverLink:before{content:"";z-index:1;position:absolute;inset:0}.is--layer{position:absolute;inset:0;overflow:hidden}.has--transition{--duration:var(--transition-duration,.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{--gutter:var(--gutter--base);padding-inline:var(--gutter)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}}@layer lism-primitive{@layer layout{.l--flow{display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{flex-wrap:wrap;align-items:center;display:flex}.l--stack{flex-direction:column;display:flex}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{place-content:center;place-items:center;display:grid}.l--autoColumns{--cols:20rem;--autoMode:auto-fill;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr));display:grid}.l--columns{--cols:2;grid-template-columns:repeat(var(--cols),minmax(0,1fr));display:grid}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);flex-wrap:wrap;display:flex}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:10000000;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);flex-wrap:wrap;display:flex}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr));display:grid}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}}@layer atomic{.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentColor}.a--icon:where(:not([width])){width:1em;height:1em}.a--spacer{min-width:1px;min-height:1px}}}@layer lism-component,lism-custom;@layer lism-utility{.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--mutedKeycolor:var(--keycolor);--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,25%));--bgc:color-mix(in srgb,var(--base),var(--mutedKeycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,var(--divider),var(--keycolor) var(--cbox-bdPct,50%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--mutedKeycolor:oklch(from var(--keycolor) l calc(c * .75) h)}}.u--divide,.u--enclose{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--divide>*,.u--enclose>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--enclose{padding:var(--bdw)}.u--srOnly:not(#_){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u--clipText{color:#0000!important;background-clip:text!important}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-s{border-inline-start-style:var(--bds)}.-bd-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-bs{border-block-start-style:var(--bds)}.-bd-be{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed,100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}.-hl\:0{--hl:0px}.-hl\:base{--hl:var(--hl--base)}.-hl\:xs{--hl:var(--hl--xs)}.-hl\:s{--hl:var(--hl--s)}.-hl\:l{--hl:var(--hl--l)}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:m{--contentSize:var(--sz--m)}.-contentSize\:l{--contentSize:var(--sz--l)}.-contentSize\:xl{--contentSize:var(--sz--xl)}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*=-bgc\:]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*=-c\:]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*=-bdrs\:]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos{position:var(--pos)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*=-p\:]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-ps{padding-inline-start:var(--ps)}.-pe{padding-inline-end:var(--pe)}.-pbs{padding-block-start:var(--pbs)}.-pbe{padding-block-end:var(--pbe)}.-m,[class*=-m\:]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-ms{margin-inline-start:var(--ms)}.-ms\:auto{margin-inline-start:auto}.-me{margin-inline-end:var(--me)}.-me\:auto{margin-inline-end:auto}.-mbs{margin-block-start:var(--mbs)}.-mbs\:0{margin-block-start:0}.-mbs\:5{margin-block-start:var(--s5)}.-mbs\:10{margin-block-start:var(--s10)}.-mbs\:15{margin-block-start:var(--s15)}.-mbs\:20{margin-block-start:var(--s20)}.-mbs\:25{margin-block-start:var(--s25)}.-mbs\:30{margin-block-start:var(--s30)}.-mbs\:35{margin-block-start:var(--s35)}.-mbs\:40{margin-block-start:var(--s40)}.-mbs\:50{margin-block-start:var(--s50)}.-mbs\:60{margin-block-start:var(--s60)}.-mbs\:70{margin-block-start:var(--s70)}.-mbs\:80{margin-block-start:var(--s80)}.-mbs\:auto{margin-block-start:auto}.-mbe{margin-block-end:var(--mbe)}.-mbe\:auto{margin-block-end:auto}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order{order:var(--order)}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (width>=480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-pos_sm{position:var(--pos_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-ps_sm{padding-inline-start:var(--ps_sm)}.-pe_sm{padding-inline-end:var(--pe_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-pbe_sm{padding-block-end:var(--pbe_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-ms_sm{margin-inline-start:var(--ms_sm)}.-me_sm{margin-inline-end:var(--me_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-mbe_sm{margin-block-end:var(--mbe_sm)}.-g_sm{gap:var(--g_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-order_sm{order:var(--order_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (width>=800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-pos_md{position:var(--pos_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-ps_md{padding-inline-start:var(--ps_md)}.-pe_md{padding-inline-end:var(--pe_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-pbe_md{padding-block-end:var(--pbe_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-ms_md{margin-inline-start:var(--ms_md)}.-me_md{margin-inline-end:var(--me_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-mbe_md{margin-block-end:var(--mbe_md)}.-g_md{gap:var(--g_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-order_md{order:var(--order_md)}.-wm_md{writing-mode:var(--wm_md)}}@container (width>=1120px){.-fz_lg{font-size:var(--fz_lg)}.-hl_lg{--hl:var(--hl_lg)!important}.-d_lg{display:var(--d_lg)}.-ar_lg{aspect-ratio:var(--ar_lg)}.-w_lg{width:var(--w_lg)}.-h_lg{height:var(--h_lg)}.-min-w_lg{min-width:var(--min-w_lg)}.-max-w_lg{max-width:var(--max-w_lg)}.-min-h_lg{min-height:var(--min-h_lg)}.-max-h_lg{max-height:var(--max-h_lg)}.-bdw_lg{--bdw:var(--bdw_lg)!important}.-bdrs_lg{border-radius:var(--bdrs);--bdrs:var(--bdrs_lg)!important}.-bxsh_lg{box-shadow:var(--bxsh_lg)}.-pos_lg{position:var(--pos_lg)}.-p_lg{padding:var(--p);--p:var(--p_lg)!important}.-px_lg{padding-inline:var(--px_lg)}.-py_lg{padding-block:var(--py_lg)}.-ps_lg{padding-inline-start:var(--ps_lg)}.-pe_lg{padding-inline-end:var(--pe_lg)}.-pbs_lg{padding-block-start:var(--pbs_lg)}.-pbe_lg{padding-block-end:var(--pbe_lg)}.-m_lg{margin:var(--m);--m:var(--m_lg)!important}.-mx_lg{margin-inline:var(--mx_lg)}.-my_lg{margin-block:var(--my_lg)}.-ms_lg{margin-inline-start:var(--ms_lg)}.-me_lg{margin-inline-end:var(--me_lg)}.-mbs_lg{margin-block-start:var(--mbs_lg)}.-mbe_lg{margin-block-end:var(--mbe_lg)}.-g_lg{gap:var(--g_lg)}.-cols_lg{--cols:var(--cols_lg)!important}.-rows_lg{--rows:var(--rows_lg)!important}.-fxw_lg{flex-wrap:var(--fxw_lg)}.-fxd_lg{flex-direction:var(--fxd_lg)}.-fx_lg{flex:var(--fx_lg)}.-fxb_lg{flex-basis:var(--fxb_lg)}.-gt_lg{grid-template:var(--gt_lg)}.-gta_lg{grid-template-areas:var(--gta_lg)}.-gtc_lg{grid-template-columns:var(--gtc_lg)}.-gtr_lg{grid-template-rows:var(--gtr_lg)}.-gaf_lg{grid-auto-flow:var(--gaf_lg)}.-ga_lg{grid-area:var(--ga_lg)}.-gc_lg{grid-column:var(--gc_lg)}.-gr_lg{grid-row:var(--gr_lg)}.-ai_lg{align-items:var(--ai_lg)}.-ac_lg{align-content:var(--ac_lg)}.-ji_lg{justify-items:var(--ji_lg)}.-jc_lg{justify-content:var(--jc_lg)}.-order_lg{order:var(--order_lg)}.-wm_lg{writing-mode:var(--wm_lg)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--hov-bgc--default,color-mix(in srgb,var(--bgc,var(--base)),var(--neutral) 25%)))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--base);color:var(--text);letter-spacing:.025em;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,BIZ UDPMincho,MS PMincho,serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration-color:var(--link);text-underline-offset:.2em;-webkit-tap-highlight-color:#fde5ba80}img{max-width:100%;height:auto}.shell{width:min(100% - 40px,760px);margin-inline:auto}.site-header{background:0 0;border:0;padding:20px 0}.header-inner{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand{color:inherit;align-items:center;line-height:1.25;text-decoration:none;display:flex}.brand strong{letter-spacing:.025em;background:0 0;padding:0;font-size:1.125rem;font-weight:400}.brand small{display:none}.header-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.header-icon-button,.header-menu-toggle{width:42px;height:42px;color:var(--text);cursor:pointer;backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #94a3b838;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a,inset 0 1px #ffffffd9}.header-icon-button:hover,.header-menu-toggle:hover{background:#f8fafc;border-color:#6366f147;transform:translateY(-1px)}.header-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.theme-icon-moon,html[data-theme=dark] .theme-icon-sun{display:none}html[data-theme=dark] .theme-icon-moon{display:block}.header-menu{margin-left:0;position:relative}.header-menu-toggle{flex-direction:column;gap:4px}.header-menu-toggle span{transform-origin:50%;background:currentColor;border-radius:999px;width:18px;height:1.5px;transition:all .18s;display:block}.header-menu-toggle.is-open span:first-child{transform:translateY(5.5px)rotate(45deg)}.header-menu-toggle.is-open span:nth-child(2){opacity:0;transform:scaleX(.4)}.header-menu-toggle.is-open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.header-menu-panel{backdrop-filter:blur(18px);z-index:100;background:#fffffff5;border:1px solid #94a3b833;border-radius:16px;width:max-content;min-width:230px;max-width:min(320px,100vw - 32px);padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #0f172a24,0 2px 8px #0f172a0d}.header-menu-panel.is-open{gap:2px;display:grid}.header-menu-panel a{color:#475569;letter-spacing:.01em;border-radius:10px;align-items:center;min-height:42px;padding:10px 12px;font-family:system-ui,sans-serif;font-size:.92rem;font-weight:650;text-decoration:none;display:flex;position:relative}.header-menu-panel a:after{content:"›";color:#94a3b8;margin-left:auto;padding-left:18px}.header-menu-panel a:hover{color:#0f172a;background:#f1f5f9}.site-main{min-height:calc(100svh - 190px);padding:30px 0}h1,h2,h3{letter-spacing:.025em;font-weight:500;line-height:1.55}h1{margin:0 0 2.5rem;font-size:clamp(1.6rem,5vw,1.8rem)}h2{font-size:clamp(1.35rem,3vw,1.65rem)}h3{font-size:1.2rem}strong{background:#f1f1f1;padding:0 2px;font-weight:600}em{padding:0 2px;font-style:normal;font-weight:600}em strong{background:var(--base2)}.post-item{border-bottom:1px solid var(--line);margin:0}.post-link>span:first-child{text-align:center;flex:0 0 24px;width:24px}.post-link>strong{white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:1;min-width:0;padding:0;font-size:1rem;font-weight:500;line-height:1.55;overflow:hidden}.post-link .tag{background:var(--base2);color:var(--text);white-space:nowrap;border:0;border-radius:6px;flex:none;padding:3px 9px;font-size:.75rem;line-height:1.5;text-decoration:none;transition:opacity .2s,transform .2s}.c--articleBody{font-size:1rem;line-height:2}.c--articleBody>h2{border-bottom:1px solid var(--text);margin:3.5rem 0 1.5rem;padding-bottom:1.25rem}.c--articleBody>h3{margin:2.5rem 0 1rem}.c--articleBody p{margin:1.4rem 0}.c--articleBody li{margin:.5rem}.c--articleBody p>code{background:#f1f1f1;padding:2px 4px}.c--articleBody pre{color:#f7f7f7;background:#242424;border-radius:10px;margin:2rem 0;padding:.5rem;font-size:.875rem;line-height:1.7;overflow:auto}.c--articleBody blockquote{border:0;border-left:4px solid var(--brand);background:#f1f1f1;margin:2rem 0;padding:2rem;position:relative}.c--articleBody img{border-radius:10px;width:100%;height:auto;margin:2.5rem 0;display:block;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000a}img.ogp{border-radius:12px}a.c--tag{background:var(--base2)}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:38px 0}.footer-inner{gap:14px;display:grid}.footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;display:flex}.footer-nav a{color:inherit;opacity:.72;font-size:.88rem;text-decoration:none}.footer-copy{opacity:.72;font-size:.78rem}.search-modal[hidden]{display:none}.modal-open{overflow:hidden}.search-modal{z-index:1000;place-items:start center;padding:9vh 20px 20px;display:grid;position:fixed;inset:0}.search-modal-backdrop{backdrop-filter:blur(4px);background:#0f172a61;position:absolute;inset:0}.search-modal-dialog{background:#fffffffa;border:1px solid #94a3b840;border-radius:20px;width:min(680px,100%);max-height:82vh;padding:22px;font-family:system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a38}.search-modal-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.search-modal-kicker{letter-spacing:.16em;color:#a97700;font-size:.7rem;font-weight:800}.search-modal-head h2{margin:.25rem 0 1rem;font-size:1.35rem}.search-modal-close{cursor:pointer;color:#64748b;background:0 0;border:0;font-size:1.8rem}.search-modal-form{background:#fff;border:1px solid #dbe2ea;border-radius:12px;grid-template-columns:20px 1fr 30px;align-items:center;gap:10px;padding:10px 12px;display:grid}.search-modal-form svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:18px;height:18px}.search-modal-form input{font:inherit;color:#111;background:0 0;border:0;outline:0}.search-modal-form button{cursor:pointer;color:#94a3b8;background:0 0;border:0}.search-modal-results{max-height:50vh;overflow:auto}.search-result{border-bottom:1px solid #eef2f7;gap:4px;padding:13px 8px;text-decoration:none;display:grid}.search-result:hover{background:#f8fafc}.search-result strong{background:0 0;padding:0}.search-result span,.search-result p{color:#64748b;margin:0;font-size:.8rem}.search-empty{color:#64748b;padding:18px 8px}html[data-theme=dark] body{--base:#1a1916;--base2:#2b2822;--base-2:#2b2822;--text:#ebe6dc;--muted:#aaa397;--text-2:#aaa397;--line:#37332c;--divider:#37332c;color:#ebe6dc;color-scheme:dark;background:#1a1916}html[data-theme=dark] strong{background:#292620}html[data-theme=dark] .post-link>strong{background:0 0}html[data-theme=dark] .header-icon-button,html[data-theme=dark] .header-menu-toggle{color:#e9e3d8;box-shadow:none;background:#23211d;border-color:#3b3730}html[data-theme=dark] .header-icon-button:hover,html[data-theme=dark] .header-menu-toggle:hover{background:#2b2822;border-color:#4a443a}html[data-theme=dark] .header-menu-panel,html[data-theme=dark] .search-modal-dialog{color:#ebe6dc;background:#23211dfa;border-color:#3b3730;box-shadow:0 18px 50px #0000005c}html[data-theme=dark] .header-menu-panel a:hover,html[data-theme=dark] .search-result:hover{color:#fffaf0;background:#2b2822}html[data-theme=dark] .header-menu-panel a:after,html[data-theme=dark] .search-modal-close,html[data-theme=dark] .search-modal-hint,html[data-theme=dark] .search-result span,html[data-theme=dark] .search-result p,html[data-theme=dark] .search-empty{color:#aaa397}html[data-theme=dark] .c--articleBody p>code,html[data-theme=dark] .c--articleBody blockquote{background:#25231f}html[data-theme=dark] .c--articleBody pre{background:#141310}html[data-theme=dark] .search-modal-form input{color:#ebe6dc}html[data-theme=dark] .search-result{border-color:#37332c}body .tag[data-tag=料理],body a.c--tag[data-tag=料理]{color:#8e3b46;background:#fadadd}body .tag[data-tag=トレーニング],body a.c--tag[data-tag=トレーニング]{color:#28633a;background:#ddf3e4}body .tag[data-tag=雑記],body a.c--tag[data-tag=雑記]{color:#315f89;background:#dcebfa}body .tag[data-tag=DIY],body a.c--tag[data-tag=DIY]{color:#654d35;background:#e8dfd3}body .tag[data-tag=ガジェット],body a.c--tag[data-tag=ガジェット]{color:#594486;background:#e4ddf7}body .tag[data-tag=生活],body a.c--tag[data-tag=生活]{color:#356862;background:#dcedea}body .tag[data-tag=メモ],body a.c--tag[data-tag=メモ]{color:#795923;background:#fde4ba}@media (width<=640px){.shell{width:min(100% - 28px,760px)}.site-header{padding:16px 0}.site-main{padding:24px 0}.header-icon-button,.header-menu-toggle{width:40px;height:40px}.post-link{grid-template-columns:28px minmax(0,1fr) auto;gap:10px;padding:18px 8px;display:grid}.post-link .tag{display:none}.post-link .date{grid-column:2;margin-left:0}.post-link>strong{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.search-modal{padding:4vh 12px 12px}.search-modal-dialog{border-radius:16px;padding:18px}}.article-search-hit{color:inherit;box-decoration-break:clone;background:#ffe08a;border-radius:2px;margin:0 -.02em;padding:.02em .14em;scroll-margin-top:110px;transition:background .25s,box-shadow .25s}.article-search-hit.is-current-hit{background:#ffc94d;box-shadow:0 0 0 4px #ffbe232e}.article-search-nav{z-index:1200;backdrop-filter:blur(10px);color:#342f29;background:#fffdf8f7;border:1px solid #ddd5c9;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:min(100% - 28px,660px);min-height:48px;padding:9px 10px 9px 14px;font-family:system-ui,sans-serif;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #2e261c29}.article-search-nav-query{align-items:center;gap:9px;min-width:0;display:flex}.article-search-nav-query span{letter-spacing:.14em;color:#9b7420;font-size:.62rem;font-weight:800}.article-search-nav-query strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:300px;font-size:.86rem;overflow:hidden}.article-search-nav-actions{flex:none;align-items:center;gap:5px;display:flex}.article-search-nav-count{text-align:center;color:#857d72;min-width:48px;font-size:.74rem}.article-search-nav button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:.95rem}.article-search-nav button:hover{background:#f2ede5}html[data-theme=dark] .article-search-hit.is-current-hit{background:#a8791f;box-shadow:0 0 0 4px #dead3d29}html[data-theme=dark] .article-search-nav{color:#ebe6dc;background:#23201bf7;border-color:#4b453c;box-shadow:0 12px 36px #0000004d}@media (width<=640px){.article-search-nav{border-radius:12px;gap:8px;width:calc(100% - 16px);min-height:44px;padding:7px 8px 7px 11px;top:8px}.article-search-nav-query strong{max-width:125px}.article-search-nav-query span{display:none}.article-search-nav-count{min-width:40px}.article-search-nav button{width:28px;height:28px}}html[data-theme=dark] .tags-page__tag[data-tag]{filter:none;box-shadow:none}html[data-theme=dark] .tags-page .page-heading{color:#ebe6dc}.brand strong,html[data-theme=dark] .brand strong{background:0 0;padding:0}.article-toc{border:1px solid var(--line);background:color-mix(in srgb, var(--text) 1.4%, transparent);border-radius:12px;margin:1.45rem 0 2.4rem;overflow:hidden}.article-toc-head{justify-content:space-between;align-items:center;min-height:70px;padding:15px 16px 15px 20px;display:flex}.article-toc-head h2{color:var(--text);background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-weight:600;line-height:1.3;font-size:1rem!important}.article-toc-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.article-toc-toggle:hover{background:color-mix(in srgb, var(--text) 4%, transparent)}.article-toc-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .18s}.article-toc:not(.is-open) .article-toc-toggle svg{transform:rotate(-90deg)}.article-toc-body ol{margin:0;padding:10px 0 0;list-style:none}.article-toc-item{margin:0;padding:0}.article-toc-item a,.article-toc-item a:visited{min-height:40px;color:var(--text);align-items:center;gap:11px;padding:5px 4px;font-size:.86rem;line-height:1.55;text-decoration:none;display:flex}.article-toc-item a:hover{opacity:.68}.article-toc-number{border:1px solid var(--line);width:25px;height:25px;color:var(--text);border-radius:50%;flex:0 0 25px;place-items:center;font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.article-toc-h2+.article-toc-h2{margin-top:4px}.article-toc-h3 a{min-height:34px;color:var(--muted);padding-left:40px;font-size:.8rem!important}.article-toc-branch{border-left:1px solid var(--line);border-bottom:1px solid var(--line);flex:0 0 13px;width:13px;height:8px}.article-body h2,.article-body h3{scroll-margin-top:90px}.article-body .is-toc-target{animation:1.15s toc-target-pulse}@keyframes toc-target-pulse{0%,to{background:0 0}35%{background:color-mix(in srgb, var(--brand) 14%, transparent)}}.backtop{z-index:90;border:1px solid var(--line);background:color-mix(in srgb, var(--base) 94%, transparent);width:44px;height:44px;color:var(--text);cursor:pointer;backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #00000014}.backtop.is-visible{display:inline-flex}.backtop-toc-icon,.backtop-toc-label{display:none}.mobile-toc[hidden]{display:none!important}.mobile-toc{z-index:120;position:fixed;inset:0}.mobile-toc-backdrop{backdrop-filter:blur(3px);background:#12110f5c;border:0;width:100%;height:100%;position:absolute;inset:0}.mobile-toc-panel{top:calc(68px + env(safe-area-inset-top));width:auto;max-width:520px;max-height:calc(100dvh - 92px - env(safe-area-inset-top));color:var(--text);background:var(--base);border:1px solid var(--line);overscroll-behavior:contain;border-radius:18px;margin:0 auto;padding:20px 20px 12px;position:absolute;left:14px;right:14px;overflow:auto;box-shadow:0 20px 60px #0000002e}.mobile-toc-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding-bottom:14px;display:flex}.mobile-toc-head h2{background:0 0;margin:0;font-family:inherit;font-size:1.22rem;font-weight:600;line-height:1.35}.mobile-toc-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;margin:0 -5px 0 0;padding:0;font:300 1.6rem/1 system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.mobile-toc-close:hover{color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent)}.mobile-toc-links ol{margin:0;padding:0;list-style:none}.mobile-toc-links li{margin:.5rem 0;padding:0}.mobile-toc-links a,.mobile-toc-links a:visited{width:100%;color:var(--text);border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:0 0;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:13px 4px;line-height:1.5;text-decoration:none;display:grid}.mobile-toc-links li:last-child a{border-bottom:0}.mobile-toc-links .article-toc-h3 a{color:var(--muted);padding-left:18px;font-size:.94em}.mobile-toc-links .article-toc-number{width:1.9rem;height:1.9rem;color:var(--muted);background:color-mix(in srgb, var(--brand) 8%, var(--base));border:1px solid color-mix(in srgb, var(--line) 80%, var(--brand) 20%);border-radius:999px;place-items:center;font:600 .72rem/1 system-ui,-apple-system,Segoe UI,sans-serif;display:inline-grid}.mobile-toc-links .article-toc-branch{display:none}html.mobile-toc-open{overflow:hidden}html[data-theme=dark] .article-toc{background:#201e1a}html[data-theme=dark] .article-toc-number{background:#292620}html[data-theme=dark] .mobile-toc-panel{background:var(--base)}@media (width<=640px){.article-toc{border-radius:10px;margin:1.2rem 0 2rem}.article-toc-head{min-height:66px;padding:13px 13px 13px 16px}.article-toc-body{padding:0 15px 14px}.article-toc-h3 a{padding-left:35px}.backtop{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));border-radius:999px;gap:10px;width:auto;min-width:104px;height:58px;padding:0 19px;font-family:inherit;font-size:15px;font-weight:400}.backtop .backtop-arrow{display:none}.backtop .backtop-toc-icon{flex-direction:column;flex:0 0 20px;justify-content:space-between;align-items:flex-end;width:20px;height:18px;display:inline-flex}.backtop .backtop-toc-icon span{background:var(--brand);border-radius:99px;width:14px;height:1.5px;display:block;position:relative}.backtop .backtop-toc-icon span:before{content:"";background:var(--brand);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.backtop .backtop-toc-label{display:inline}}@media (width<=380px){.mobile-toc-panel{top:calc(58px + env(safe-area-inset-top));max-height:calc(100dvh - 76px - env(safe-area-inset-top));border-radius:15px;padding:17px 16px 10px;left:10px;right:10px}}@media (width>=641px){.mobile-toc{display:none}}@media (width<=640px){.mobile-toc-links .article-toc-h3 a{grid-template-columns:minmax(0,1fr);padding-left:18px}.mobile-toc-links .article-toc-h3 a>span:last-child{overflow-wrap:anywhere;word-break:normal;min-width:0}.backtop{gap:8px;min-width:86px;height:48px;padding:0 15px;font-size:14px}.backtop .backtop-toc-icon{flex-basis:18px;width:18px;height:16px}.backtop .backtop-toc-icon span{width:12px}}html[data-theme=dark] body{--base:#181714;--base2:#211f1b;--base-2:#211f1b;--surface:#1d1b18;--surface-2:#24211d;--text:#eeeae2;--text-2:#b8b1a6;--muted:#938c82;--line:#34312c;--line-strong:#454038;--divider:#34312c;--brand:#c89a3d;--link:#d2a64c;background:var(--base);color:var(--text);color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] article,html[data-theme=dark] .site-shell,html[data-theme=dark] .shell{color:var(--text)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6,html[data-theme=dark] .page-heading{color:var(--text);background:0 0}html[data-theme=dark] .brand,html[data-theme=dark] .brand strong,html[data-theme=dark] h1 strong,html[data-theme=dark] h2 strong,html[data-theme=dark] h3 strong{color:var(--text);background:0 0;padding-left:0;padding-right:0}html[data-theme=dark] .c--articleBody strong{color:var(--text);background:#292620}html[data-theme=dark] a{color:inherit}html[data-theme=dark] hr{border-color:var(--line)}html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer{color:var(--text);border-color:var(--line);background:0 0}html[data-theme=dark] .header-icon-button,html[data-theme=dark] .header-menu-toggle{color:var(--text);border-color:var(--line);box-shadow:none;background:#1f1d1a}html[data-theme=dark] .header-icon-button:hover,html[data-theme=dark] .header-menu-toggle:hover{color:var(--text);border-color:var(--line-strong);background:#292620}html[data-theme=dark] .header-menu-panel{color:var(--text);border-color:var(--line);background:#1f1d1afa;box-shadow:0 18px 50px #00000057}html[data-theme=dark] .header-menu-panel a{color:var(--text-2)}html[data-theme=dark] .header-menu-panel a:after{color:var(--muted)}html[data-theme=dark] .header-menu-panel a:hover{color:var(--text);background:#292620}html[data-theme=dark] .post-item,html[data-theme=dark] .post-list,html[data-theme=dark] .post-link,html[data-theme=dark] article footer{border-color:var(--line)}html[data-theme=dark] .post-link{color:var(--text)}html[data-theme=dark] .post-link:hover{background:color-mix(in srgb, var(--text) 2.5%, transparent)}html[data-theme=dark] .post-link>strong{color:var(--text);background:0 0}html[data-theme=dark] .post-link .date,html[data-theme=dark] time{color:var(--muted)}html[data-theme=dark] article footer a,html[data-theme=dark] .c--articleBody,html[data-theme=dark] .c--articleBody p,html[data-theme=dark] .c--articleBody li,html[data-theme=dark] .c--articleBody dd,html[data-theme=dark] .c--articleBody dt{color:var(--text)}html[data-theme=dark] .c--articleBody a{color:#dfb65e;text-decoration-color:#7f6530}html[data-theme=dark] .c--articleBody p>code,html[data-theme=dark] .c--articleBody li>code{color:#eadfca;background:#292620;border:1px solid #39352f}html[data-theme=dark] .c--articleBody pre{color:#e9e5dd;background:#11110f;border:1px solid #302d28}html[data-theme=dark] .c--articleBody pre code{color:inherit;background:0 0}html[data-theme=dark] .c--articleBody blockquote{color:#d6d0c5;background:#211f1b;border-left-color:#9c7730}html[data-theme=dark] .c--articleBody table,html[data-theme=dark] .c--articleBody th,html[data-theme=dark] .c--articleBody td{color:var(--text);border-color:var(--line)}html[data-theme=dark] .c--articleBody th{background:#211f1b}html[data-theme=dark] .c--articleBody img{box-shadow:0 1px 2px #0000002e,0 8px 26px #00000029}html[data-theme=dark] .link-card,html[data-theme=dark] .item-card{color:var(--text);border-color:var(--line);box-shadow:none;background:#201e1a}html[data-theme=dark] .link-card:hover{background:#292620}html[data-theme=dark] .link-card__title,html[data-theme=dark] .item-card__title{color:var(--text)}html[data-theme=dark] .link-card__url{color:var(--muted)}html[data-theme=dark] .search-modal-backdrop{background:#0a09089e}html[data-theme=dark] .search-modal-dialog{color:var(--text);border-color:var(--line);background:#1f1d1a;box-shadow:0 22px 70px #0000006b}html[data-theme=dark] .search-modal-head,html[data-theme=dark] .search-modal-results,html[data-theme=dark] .search-result{border-color:var(--line)}html[data-theme=dark] .search-modal-head h2,html[data-theme=dark] .search-modal-kicker{color:var(--text);background:0 0}html[data-theme=dark] .search-modal-close,html[data-theme=dark] .search-modal-hint,html[data-theme=dark] .search-empty,html[data-theme=dark] .search-result span,html[data-theme=dark] .search-result p{color:var(--muted)}html[data-theme=dark] .search-modal-form{color:var(--text);border-color:var(--line-strong);background:#181714}html[data-theme=dark] .search-modal-form input{color:var(--text);background:0 0}html[data-theme=dark] .search-modal-form input::placeholder{color:#777168}html[data-theme=dark] .search-modal-form button{color:var(--muted)}html[data-theme=dark] .search-result{color:var(--text)}html[data-theme=dark] .search-result:hover{color:var(--text);background:#292620}html[data-theme=dark] .article-search-hit{color:#fff4d3;background:#66501f}html[data-theme=dark] .article-search-hit.is-current-hit{color:#fff7df;background:#946d20;box-shadow:0 0 0 4px #d2a64c24}html[data-theme=dark] .article-search-nav{color:var(--text);border-color:var(--line-strong);background:#1f1d1afa;box-shadow:0 12px 36px #00000057}html[data-theme=dark] .article-search-nav-query span{color:#d2a64c}html[data-theme=dark] .article-search-nav-query strong{color:var(--text);background:0 0}html[data-theme=dark] .article-search-nav-count{color:var(--muted)}html[data-theme=dark] .article-search-nav button{color:var(--text)}html[data-theme=dark] .article-search-nav button:hover{background:#292620}html[data-theme=dark] .article-toc{color:var(--text);border-color:var(--line);background:#1d1b18}html[data-theme=dark] .article-toc-head,html[data-theme=dark] .article-toc-body{border-color:var(--line)}html[data-theme=dark] .article-toc-head h2{color:var(--text);background:0 0}html[data-theme=dark] .article-toc-toggle{color:var(--text);border-color:var(--line-strong);background:0 0}html[data-theme=dark] .article-toc-toggle:hover{background:#292620}html[data-theme=dark] .article-toc-item a,html[data-theme=dark] .article-toc-item a:visited{color:var(--text)}html[data-theme=dark] .article-toc-h3 a,html[data-theme=dark] .article-toc-h3 a:visited{color:var(--text-2)}html[data-theme=dark] .article-toc-number{color:#d9d2c8;border-color:var(--line-strong);background:#292620}html[data-theme=dark] .article-toc-branch{border-color:var(--line-strong)}html[data-theme=dark] .backtop{color:var(--text);border-color:var(--line-strong);background:#1f1d1af5;box-shadow:0 8px 24px #00000042}html[data-theme=dark] .mobile-toc-backdrop{background:#08070694}html[data-theme=dark] .mobile-toc-panel{color:var(--text);border-color:var(--line);background:#181714;box-shadow:0 20px 60px #0000006b}html[data-theme=dark] .mobile-toc-head{border-color:var(--line)}html[data-theme=dark] .mobile-toc-head h2{color:var(--text);background:0 0}html[data-theme=dark] .mobile-toc-close{color:var(--muted)}html[data-theme=dark] .mobile-toc-close:hover{color:var(--text);background:#292620}html[data-theme=dark] .mobile-toc-links a,html[data-theme=dark] .mobile-toc-links a:visited{color:var(--text);border-bottom-color:var(--line);background:0 0}html[data-theme=dark] .mobile-toc-links .article-toc-h3 a{color:var(--text-2)}html[data-theme=dark] .mobile-toc-links .article-toc-number{color:#d7d0c6;background:#292620;border-color:#4a443b}html[data-theme=dark] body .tag[data-tag=料理],html[data-theme=dark] body a.c--tag[data-tag=料理]{color:#e8cbd4;background:#442b34}html[data-theme=dark] body .tag[data-tag=トレーニング],html[data-theme=dark] body a.c--tag[data-tag=トレーニング]{color:#cfe4d4;background:#203e29}html[data-theme=dark] body .tag[data-tag=雑記],html[data-theme=dark] body a.c--tag[data-tag=雑記]{color:#c9dce5;background:#203744}html[data-theme=dark] body .tag[data-tag=DIY],html[data-theme=dark] body a.c--tag[data-tag=DIY]{color:#e1c9b8;background:#493326}html[data-theme=dark] body .tag[data-tag=ガジェット],html[data-theme=dark] body a.c--tag[data-tag=ガジェット]{color:#d8cce5;background:#342943}html[data-theme=dark] body .tag[data-tag=生活],html[data-theme=dark] body a.c--tag[data-tag=生活]{color:#cbe1d7;background:#203d32}html[data-theme=dark] body .tag[data-tag=メモ],html[data-theme=dark] body a.c--tag[data-tag=メモ]{color:#e5d5a9;background:#453719}body .tag.is-auto-color,body a.c--tag.is-auto-color{background:var(--tag-auto-light-bg);color:var(--tag-auto-light-fg)}html[data-theme=dark] body .tag.is-auto-color,html[data-theme=dark] body a.c--tag.is-auto-color{background:var(--tag-auto-dark-bg);color:var(--tag-auto-dark-fg);filter:none;box-shadow:none}.article-page{padding-top:30px;padding-bottom:64px}.article-header{margin:0 0 34px}.article-title{color:var(--text);letter-spacing:.01em;background:0 0;align-items:flex-start;gap:.45em;margin:0;font-size:clamp(1.55rem,3vw,1.9rem);font-weight:500;line-height:1.3;display:flex}.article-title-icon{flex:none;line-height:1.25}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;font-size:.82rem;line-height:1.55;display:flex}.article-meta-item{white-space:nowrap;align-items:center;display:inline-flex}.article-meta-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.article-body{color:var(--text);font-size:1.03rem;line-height:2}.article-body>:first-child{margin-top:0}.article-body p{margin:1.35rem 0}.article-body h2{border:0;border-bottom:1px solid var(--line);color:var(--text);letter-spacing:.015em;background:0 0;margin:3rem 0 1.25rem;padding:0 0 .7rem;font-size:clamp(1.32rem,2.5vw,1.55rem);font-weight:600;line-height:1.45}.article-body h3{color:var(--text);background:0 0;border:0;margin:2.15rem 0 1rem;padding:0;font-size:clamp(1.12rem,2.1vw,1.28rem);font-weight:600;line-height:1.5}.article-body h4{color:var(--text);margin:1.8rem 0 .8rem;font-size:1.05rem;line-height:1.55}.article-body ul,.article-body ol{margin:1.2rem 0;padding-left:1rem}.article-body li+li{margin-top:.35rem}.article-body hr{border:0;border-top:1px solid var(--line);margin:2.8rem 0}.article-og-image{border-radius:10px;width:100%;height:auto;margin:0 0 1.35rem;display:block;box-shadow:0 4px 18px #00000012}.article-body img:not(.article-og-image){border-radius:10px;max-width:100%;height:auto;margin:2.5rem auto;display:block;box-shadow:0 4px 18px #00000012}.article-body blockquote{border:0;border-left:4px solid var(--brand);background:color-mix(in srgb, var(--text) 4%, transparent);color:var(--text-2);border-radius:0;margin:2rem 0;padding:1rem 1.5rem}.article-body blockquote>:first-child{margin-top:0}.article-body blockquote>:last-child{margin-bottom:0}.article-body pre{color:#f6f6f6;background:#242424;border:0;border-radius:8px;margin:2rem 0;padding:1rem;font-size:.875rem;line-height:1.7;overflow:auto}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-body p>code,.article-body li>code{background:color-mix(in srgb, var(--text) 7%, transparent);color:inherit;border:0;border-radius:4px;padding:2px 5px}.article-body table{border-collapse:collapse;border-spacing:0;width:100%;margin:2rem 0;display:block;overflow-x:auto}.article-body th,.article-body td{text-align:left;border:0;border-bottom:1px solid var(--line);padding:.6rem .75rem}.article-body th{border-bottom-color:color-mix(in srgb, var(--text) 38%, var(--line));font-weight:600}.article-body input[type=checkbox]{accent-color:var(--brand);margin-left:-1.4rem}.article-footer{border-top:1px solid var(--line);margin-top:48px;padding-top:26px}.article-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.article-nav-link{border:1px solid var(--line);background:color-mix(in srgb, var(--surface,#fffdf9) 88%, transparent);min-width:0;min-height:116px;color:var(--text);border-radius:14px;flex-direction:column;justify-content:center;gap:8px;padding:18px 20px;text-decoration:none;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.article-nav-link:hover{border-color:color-mix(in srgb, var(--text) 22%, var(--line));background:color-mix(in srgb, var(--text) 3%, var(--surface,#fffdf9))}.article-nav-link:active{transform:translateY(1px)}.article-nav-next{text-align:right;align-items:flex-end}.article-nav-label{color:var(--muted);letter-spacing:.12em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.66rem;font-weight:700;line-height:1.2}.article-nav-title{min-width:0;color:var(--text);font-size:.92rem;line-height:1.6}.article-nav-link:hover .article-nav-title{opacity:1}.article-nav-spacer{min-width:0}html[data-theme=dark] .article-og-image,html[data-theme=dark] .article-body img:not(.article-og-image){box-shadow:0 4px 20px #00000038}html[data-theme=dark] .article-body blockquote{color:var(--text-2);background:#211f1b}html[data-theme=dark] .article-body p>code,html[data-theme=dark] .article-body li>code{color:#eadfca;background:#292620}html[data-theme=dark] .article-nav-link{background:color-mix(in srgb, var(--surface-2,#211f1b) 78%, transparent);border-color:var(--line)}html[data-theme=dark] .article-nav-link:hover{background:color-mix(in srgb, var(--surface-2,#211f1b) 92%, var(--text) 8%);border-color:color-mix(in srgb, var(--text) 20%, var(--line))}html[data-theme=dark] .article-nav-label{color:var(--muted)}html[data-theme=dark] .article-nav-title{color:var(--text)}@media (width<=640px){.article-page{padding-top:24px;padding-bottom:48px}.article-header{margin-bottom:28px}.article-title{gap:.4em;font-size:clamp(1.45rem,7vw,1.72rem)}.article-meta{gap:8px 11px;margin-top:16px;font-size:.78rem}.article-body{font-size:1rem;line-height:1.95}.article-body h2{margin-top:2.6rem;font-size:1.28rem}.article-body h3{margin-top:2rem;font-size:1.12rem}.article-body blockquote{padding:.9rem 1rem}.article-footer{margin-top:38px;padding-top:20px}.article-nav{grid-template-columns:1fr;gap:10px}.article-nav-link{border-radius:12px;min-height:96px;padding:15px 16px}.article-nav-next{text-align:left;align-items:flex-start}.article-nav-spacer{display:none}}.post-list{margin:30px 0;padding:0;list-style:none}.post-item{border-bottom:1px solid var(--line);min-height:70px;margin:0}.post-item:first-child{border-top:1px solid var(--line)}.post-link{width:100%;color:inherit;align-items:center;gap:12px;padding:20px 0;text-decoration:none;transition:opacity .18s,background-color .18s;display:flex}.post-link:hover{opacity:.85}.post-title-icon{text-align:center;flex:0 0 24px;width:24px;line-height:1}.post-link>strong{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:1;padding:0;font-size:1rem;font-weight:500;line-height:1.55;overflow:hidden}.post-link .tag{letter-spacing:normal;white-space:nowrap;border:0;border-radius:6px;flex:none;min-height:0;padding:3px 9px;font-size:.75rem;font-weight:400;line-height:1.5;text-decoration:none;transform:none}.post-item:hover .tag{opacity:.8;transform:none}.post-link .date{color:var(--text);letter-spacing:.075em;opacity:.55;white-space:nowrap;flex:none;margin-left:.5rem;font-size:.85rem}.pagination{justify-content:center;align-items:center;gap:10px;margin:38px 0 8px;display:flex}.pagination-pages{align-items:center;gap:10px;display:flex}.pagination .page-number,.pagination .pagination-arrow{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--line) 82%, var(--brand) 18%);background:color-mix(in srgb, var(--base) 92%, var(--brand) 8%);width:42px;min-width:42px;height:42px;color:color-mix(in srgb, var(--text) 72%, var(--muted));border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #0000000f}.pagination a.page-number:hover,.pagination a.pagination-arrow:hover{color:var(--text);background:color-mix(in srgb, var(--base) 84%, var(--brand) 16%);border-color:color-mix(in srgb, var(--line) 60%, var(--brand) 40%);transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.pagination .page-number.current{color:var(--text);background:color-mix(in srgb, var(--base) 78%, var(--brand) 22%);border-color:color-mix(in srgb, var(--line) 52%, var(--brand) 48%)}.pagination .pagination-arrow.disabled{color:color-mix(in srgb, var(--muted) 70%, transparent);box-shadow:none;background:0 0;border-color:#0000}.pagination-ellipsis{min-width:18px;color:var(--muted);text-align:center}html[data-theme=dark] .post-item{border-color:#302d28}html[data-theme=dark] .post-link:hover{opacity:1;background:#ffffff06}html[data-theme=dark] .pagination .page-number,html[data-theme=dark] .pagination .pagination-arrow{color:#aaa296;box-shadow:none;background:#1b1916;border-color:#34302a}html[data-theme=dark] .pagination a.page-number:hover,html[data-theme=dark] .pagination a.pagination-arrow:hover{color:#e7e1d7;background:#26231f;border-color:#454038}html[data-theme=dark] .pagination .page-number.current{color:#eee8de;background:#2b2823;border-color:#474139}@media (width<=640px){.post-list{margin:24px 0}.post-item{min-height:76px}.post-link{grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:7px 10px;padding:17px 0;display:grid}.post-title-icon{grid-area:1/1/span 2;padding-top:.2rem}.post-link>strong{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:1/2/auto/-1;font-size:.98rem;display:-webkit-box;overflow:hidden}.post-link .tag{grid-area:2/2;justify-self:start;margin-top:1px;display:inline-flex}.post-link .date{letter-spacing:.055em;grid-area:2/3;align-self:center;margin-left:0;font-size:.72rem}.pagination{gap:8px;margin-top:32px}.pagination-pages{gap:8px}.pagination .page-number,.pagination .pagination-arrow{width:40px;min-width:40px;height:40px;font-size:.92rem}}.search-modal-dialog{border:1px solid var(--line);background:var(--base);border-radius:18px;width:min(680px,100vw - 32px);max-height:min(760px,100dvh - 56px);padding:0;overflow:hidden;box-shadow:0 24px 80px #00000029}.search-modal-head{border-bottom:0;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px 17px;display:flex}.search-modal-kicker{color:var(--muted);letter-spacing:.16em;margin-bottom:4px;font-size:.65rem;font-weight:600;display:block}.search-modal-head h2{background:0 0;border:0;margin:0;padding:0;font-size:1.25rem;line-height:1.35}.search-modal-close{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.6rem;font-weight:300;display:grid}.search-modal-close:hover{background:var(--base2);color:var(--text)}.search-modal-form{border:1px solid var(--line-strong,var(--line));background:color-mix(in srgb, var(--text) 1.5%, var(--base));border-radius:12px;grid-template-columns:21px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:52px;margin:0 24px;padding:0 14px;display:grid}.search-modal-form:focus-within{border-color:color-mix(in srgb, var(--brand) 58%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 10%, transparent)}.search-modal-form svg{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:1.6px}.search-modal-form input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:13px 0;font-size:1rem}.search-modal-form button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%}.search-modal-form button:hover{background:var(--base2);color:var(--text)}.search-modal-meta{justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin:0;padding:10px 25px 8px;display:flex}.search-modal-hint{color:var(--muted);margin:0;font-size:.72rem}.search-modal-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.search-modal-results{overscroll-behavior:contain;border-top:1px solid var(--line);max-height:min(520px,100dvh - 245px);padding:0 24px 18px;overflow-y:auto}.search-result{border-bottom:1px solid var(--line);color:var(--text);padding:18px 2px 17px;text-decoration:none;transition:opacity .16s,background-color .16s;display:block}.search-result:last-child{border-bottom:0}.search-result:hover{opacity:.72;background:0 0}.search-result-head{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.search-result-head strong{min-width:0;color:var(--text);background:0 0;font-size:.98rem;font-weight:600;line-height:1.5}.search-result-head time{color:var(--muted);letter-spacing:.045em;flex:none;font-size:.72rem}.search-result-tags{flex-wrap:wrap;gap:5px 9px;margin-top:6px;display:flex}.search-result-tags span{color:var(--muted);font-size:.69rem}.search-result p{color:var(--text-2,var(--muted));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:.78rem;line-height:1.7;display:-webkit-box;overflow:hidden}.search-empty{color:var(--muted);text-align:center;margin:0;padding:42px 12px;font-size:.82rem}.search-empty--idle{opacity:.8}.article-search-nav{border-radius:12px;width:min(680px,100vw - 28px);top:14px;left:50%;right:auto;transform:translate(-50%)}.article-search-nav-query{min-width:0}.article-search-nav-query strong{white-space:nowrap;text-overflow:ellipsis;max-width:340px;display:block;overflow:hidden}.article-search-nav-actions{flex:none}.article-search-hit{border-radius:.18em;padding:0 .08em}html[data-theme=dark] .search-modal-dialog{background:#1b1916;border-color:#34302a}html[data-theme=dark] .search-modal-form{background:#171613;border-color:#403b34}html[data-theme=dark] .search-modal-form:focus-within{border-color:#6b5730;box-shadow:0 0 0 3px #c89a3d14}html[data-theme=dark] .search-result:hover{background:0 0}html[data-theme=dark] .search-result-head strong{color:var(--text);background:0 0}@media (width<=640px){.search-modal{padding:calc(12px + env(safe-area-inset-top)) 10px 10px;align-items:flex-start}.search-modal-dialog{width:100%;max-height:calc(100dvh - 22px - env(safe-area-inset-top));border-radius:15px}.search-modal-head{padding:18px 17px 14px}.search-modal-head h2{font-size:1.12rem}.search-modal-form{border-radius:10px;min-height:48px;margin:0 16px;padding:0 12px}.search-modal-form input{padding:11px 0;font-size:16px}.search-modal-meta{min-height:38px;padding:8px 17px 7px}.search-modal-hint{font-size:.67rem}.search-modal-results{max-height:calc(100dvh - 196px - env(safe-area-inset-top));padding:0 16px 14px}.search-result{padding:15px 1px 14px}.search-result-head{display:block}.search-result-head strong{font-size:.94rem;display:block}.search-result-head time{margin-top:4px;font-size:.68rem;display:block}.search-result-tags{margin-top:5px}.search-result p{margin-top:6px;font-size:.75rem}.article-search-nav{top:calc(8px + env(safe-area-inset-top));gap:8px;width:calc(100vw - 16px);padding:8px 9px}.article-search-nav-query strong{max-width:130px}}.article-body .md-marker{box-decoration-break:clone;color:inherit;border-radius:.18em;padding:.22em .22em .22em .08em}.article-body .md-marker-yellow{background:#fff19a}.article-body .md-marker-red{color:#8a1f1f;background:#ffd2d2}.article-body .md-marker-blue{color:#174f7a;background:#d9ecff}.article-body .md-marker-orange{color:#7a4300;background:#ffe0b2}.article-body .md-marker-green{color:#245c2a;background:#d9f2d9}.article-body .md-callout{--callout:#64748b;border:1px solid color-mix(in srgb, var(--callout) 20%, transparent);border-left:3px solid var(--callout);background:color-mix(in srgb, var(--callout) 5%, #fff);border-radius:0;margin:1.75rem 0;padding:1rem 1.1rem 1rem 1.2rem;position:relative;box-shadow:0 1px 2px #0f172a06}.article-body .md-callout-note{--callout:#64748b}.article-body .md-callout-info{--callout:#4f6bed}.article-body .md-callout-tip{--callout:#16856b}.article-body .md-callout-warning{--callout:#c47a20}.article-body .md-callout-label{color:var(--callout);letter-spacing:.11em;align-items:center;gap:.5rem;margin:0 0 .55rem;font-size:.72rem;font-weight:800;line-height:1.2;display:flex}.article-body .md-callout-mark{background:var(--callout);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--callout) 12%, transparent);border-radius:50%}.article-body .md-callout-content>:first-child{margin-top:0}.article-body .md-callout-content>:last-child{margin-bottom:0}.article-body .md-callout-content{color:inherit}.article-body .md-callout-content p{line-height:1.8}html[data-theme=dark] body:not(.manage-body) .md-callout{background:color-mix(in srgb, var(--callout) 10%, #111315)}.article-body .product-card{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);box-shadow:none;background:0 0;border-radius:0;margin:1.8rem 0;padding:1.5rem}.article-body .product-card__product{margin-bottom:.75rem;font-size:1.08rem;font-weight:400;line-height:1.5}.article-body .product-card__reviews{align-items:center;gap:.4em;margin-bottom:1.25rem;font-size:.92rem;display:inline-flex;color:var(--text)!important;text-decoration:none!important}.article-body .product-card__reviews:visited,.article-body .product-card__reviews:hover,.article-body .product-card__reviews:active{color:var(--text)!important;text-decoration:none!important}.article-body .product-card__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.article-body .shop-link{border:1px solid;border-radius:0;justify-content:center;align-items:center;gap:1rem;min-height:48px;padding:.72rem .9rem;font-weight:400;line-height:1.3;display:flex;background:0 0!important;text-decoration:none!important}.article-body .shop-link:hover{opacity:.78;text-decoration:none!important}.article-body .shop-link__arrow{flex:none}.article-body .shop-link--amazon,.article-body .shop-link--amazon:visited{border-color:#ff8a00;color:#ff8a00!important}.article-body .shop-link--rakuten,.article-body .shop-link--rakuten:visited{border-color:#ff3131;color:#ff3131!important}.article-body .shop-link--yahoo,.article-body .shop-link--yahoo:visited{border-color:#2f80ed;color:#2f80ed!important}.article-body .shop-link--mercari,.article-body .shop-link--mercari:visited{border-color:#ff4b55;color:#ff4b55!important}.article-body .shop-link--official,.article-body .shop-link--official:visited{border-color:#35a6b5;color:#35a6b5!important}@media (width<=640px){.article-body .product-card__buttons{grid-template-columns:1fr}}html[data-theme=dark] body:not(.manage-body) .md-marker-yellow{color:#fff3ad;background:#665d22}html[data-theme=dark] body:not(.manage-body) .md-marker-red{color:#ffd7d7;background:#572c2c}html[data-theme=dark] body:not(.manage-body) .md-marker-blue{color:#d7ebff;background:#243f58}html[data-theme=dark] body:not(.manage-body) .md-marker-green{color:#d7f5df;background:#274a35}.article-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:2rem 0 0;padding-top:3rem;display:flex}.article-action-button{border:1px solid var(--line);min-height:38px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,transform 80ms;display:inline-flex}.article-action-button:hover{background:var(--base2);border-color:color-mix(in srgb, var(--text) 22%, var(--line))}.article-action-button:active{transform:translateY(1px)}.article-action-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.x-action-mark{font-size:.95rem;line-height:1}.article-body pre{position:relative}.article-body pre code{display:block}.code-copy-button{z-index:2;border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:color-mix(in srgb, var(--base) 88%, transparent);min-height:30px;color:inherit;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:5px 9px;font-size:.72rem;font-weight:700;line-height:1;position:absolute;top:8px;right:8px}.code-copy-button:hover{background:var(--base2)}.code-copy-button:focus-visible{outline-offset:2px;outline:2px solid}@media (width<=640px){.code-copy-button{min-height:28px;padding:4px 8px;font-size:.68rem;top:6px;right:6px}}html:not([data-theme=dark]) .article-body pre,html:not([data-theme=dark]) .c--articleBody pre{color:#242321;background:#f7f7f5;border:1px solid #e5e3df;box-shadow:0 1px 2px #14120f08,0 8px 24px #14120f09}html:not([data-theme=dark]) .article-body pre code,html:not([data-theme=dark]) .c--articleBody pre code{color:inherit;background:0 0}html[data-theme=dark] .article-body pre,html[data-theme=dark] .c--articleBody pre{color:#eee9df;box-shadow:none;background:#171613;border:1px solid #302d28}.code-copy-button{color:#514d46;letter-spacing:.01em;background:#ffffffe0;border:1px solid #dedbd5;border-radius:9px;min-height:32px;padding:6px 10px;font-size:.72rem;font-weight:650;transition:background-color .15s,border-color .15s,box-shadow .15s,transform 80ms;top:10px;right:10px;box-shadow:0 1px 2px #14120f0d,0 4px 14px #14120f0f}.code-copy-button:before{content:"";vertical-align:-2px;opacity:.82;border:1.5px solid;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block;box-shadow:3px -3px 0 -1.5px #fff,3px -3px}.code-copy-button:hover{background:#fff;border-color:#cbc7bf;box-shadow:0 2px 5px #14120f12,0 7px 18px #14120f12}.code-copy-button:active{transform:translateY(1px);box-shadow:0 1px 2px #14120f0f}html[data-theme=dark] .code-copy-button{color:#ddd6ca;background:#262420e6;border-color:#45413a;box-shadow:0 1px 2px #0003}html[data-theme=dark] .code-copy-button:before{box-shadow:3px -3px 0 -1.5px #262420,3px -3px}html[data-theme=dark] .code-copy-button:hover{background:#302d28;border-color:#5a544b}@media (width<=640px){.code-copy-button{min-height:30px;padding:5px 9px;top:8px;right:8px}}html:not([data-theme=dark]) .article-body pre code,html:not([data-theme=dark]) .c--articleBody pre code,html:not([data-theme=dark]) .article-body pre code span,html:not([data-theme=dark]) .c--articleBody pre code span{color:#24262b}html:not([data-theme=dark]) pre code span[style*=\#7ee787],html:not([data-theme=dark]) pre code span[style*=\#79c0ff],html:not([data-theme=dark]) pre code span[style*=\#a5d6ff]{color:#17643a}html:not([data-theme=dark]) pre code span[style*=\#58a6ff],html:not([data-theme=dark]) pre code span[style*=\#61afef],html:not([data-theme=dark]) pre code span[style*=\#66b3ff]{color:#1759a6}html:not([data-theme=dark]) pre code span[style*=\#ff7b72],html:not([data-theme=dark]) pre code span[style*=\#f97583],html:not([data-theme=dark]) pre code span[style*=\#ff6b81]{color:#b4233d}html:not([data-theme=dark]) pre code span[style*=\#d2a8ff],html:not([data-theme=dark]) pre code span[style*=\#c678dd]{color:#6f42a5}html:not([data-theme=dark]) pre code span[style*=\#a5d6ff],html:not([data-theme=dark]) pre code span[style*=\#98c379]{color:#356a16}html:not([data-theme=dark]) pre code span[style*=\#8b949e],html:not([data-theme=dark]) pre code span[style*=\#7f848e]{color:#66707b}.article-body .table-scroll,.c--articleBody .table-scroll{-webkit-overflow-scrolling:touch;width:100%;margin:2rem 0;overflow-x:auto}.article-body .table-scroll table,.c--articleBody .table-scroll table{border-collapse:collapse;border-spacing:0;white-space:normal;width:100%;min-width:36rem;margin:0;display:table;overflow:visible}.article-body .table-scroll th,.c--articleBody .table-scroll th{text-align:left;background:0 0;border:0;border-bottom:1px solid #9f9a91;padding:.6rem .75rem;font-weight:600}.article-body .table-scroll td,.c--articleBody .table-scroll td{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;padding:.6rem .75rem}html[data-theme=dark] .article-body .table-scroll th,html[data-theme=dark] .c--articleBody .table-scroll th{color:var(--text);border-bottom-color:var(--line);background:var(--surface-2,#211f1b)}html[data-theme=dark] .article-body .table-scroll td,html[data-theme=dark] .c--articleBody .table-scroll td{color:var(--text);border-bottom-color:var(--line)}.article-toc{margin:1rem 0 1.6rem}.article-toc-head{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;gap:12px;min-height:0}.article-toc-head h2{border:0;margin:0;padding:0;text-decoration:none}.article-toc-head h2:after,.article-toc-head h2:before{content:none;display:none}.article-toc-body{border-top:0;padding:4px 16px 10px}.article-toc-body ol{padding:0}.article-toc-item a,.article-toc-item a:visited{border-bottom:0;gap:9px;min-height:0;padding:3px 2px;text-decoration:none}.article-toc-item+.article-toc-item{margin-top:2px}.article-toc-item.is-child,.article-toc-item[data-level="3"]{margin-top:0}.article-toc-toggle{width:34px;height:34px}@media (width<=640px){.article-toc{margin:.85rem 0 1.35rem}.article-toc-head{padding:10px 12px 8px 14px}.article-toc-body{padding:2px 14px 9px}.article-toc-item a,.article-toc-item a:visited{padding:2px 1px}}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}.article-body pre,.c--articleBody pre{color:#34312c;background:#f8f6f1;border:1px solid #e5dfd5;border-radius:16px;flex-direction:column;margin:2rem 0;padding:0;font-size:.92rem;line-height:1.72;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #3a312209}.article-body pre .code-block-header,.c--articleBody pre .code-block-header{background:#f2efe8;border-bottom:1px solid #e5dfd5;flex:none;justify-content:space-between;align-items:center;min-height:56px;padding:0 20px;display:flex}.article-body pre .code-block-language,.c--articleBody pre .code-block-language{color:#81796e;letter-spacing:.055em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.83rem;font-weight:700}.article-body pre code,.c--articleBody pre code{color:inherit;white-space:pre;-webkit-overflow-scrolling:touch;padding:27px 28px 30px;display:block;overflow:auto;background:0 0!important}.article-body pre .code-copy-button,.c--articleBody pre .code-copy-button{color:#81796e;min-height:34px;box-shadow:none;letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:6px 7px;font-family:inherit;font-size:.82rem;font-weight:650;transition:color .15s,background-color .15s;display:inline-flex;position:static}.article-body pre .code-copy-button:before,.c--articleBody pre .code-copy-button:before{content:"";opacity:.92;border:1.5px solid;border-radius:2.5px;width:13px;height:13px;margin:0;display:inline-block;box-shadow:4px -4px 0 -2px #f2efe8,4px -4px 0 -.5px}.article-body pre .code-copy-button:hover,.c--articleBody pre .code-copy-button:hover{color:#514b43;box-shadow:none;background:#5e523f12}.article-body pre .code-copy-button:active,.c--articleBody pre .code-copy-button:active{transform:none}.article-body pre .code-copy-button:focus-visible,.c--articleBody pre .code-copy-button:focus-visible{outline-offset:2px;outline:2px solid}html:not([data-theme=dark]) .article-body pre.astro-code,html:not([data-theme=dark]) .c--articleBody pre.astro-code{background-color:#f8f6f1!important}html[data-theme=dark] .article-body pre,html[data-theme=dark] .c--articleBody pre,html[data-theme=dark] .article-body pre.astro-code,html[data-theme=dark] .c--articleBody pre.astro-code{color:#e3ded4;box-shadow:none;border-color:#37332c;background:#201e1a!important}html[data-theme=dark] .article-body pre.astro-code code span,html[data-theme=dark] .c--articleBody pre.astro-code code span{color:var(--shiki-dark,inherit)!important;font-style:var(--shiki-dark-font-style,inherit)!important;font-weight:var(--shiki-dark-font-weight,inherit)!important;text-decoration:var(--shiki-dark-text-decoration,inherit)!important;background-color:#0000!important}html[data-theme=dark] .article-body pre .code-block-header,html[data-theme=dark] .c--articleBody pre .code-block-header{background:#26231e;border-bottom-color:#37332c}html[data-theme=dark] .article-body pre .code-block-language,html[data-theme=dark] .c--articleBody pre .code-block-language,html[data-theme=dark] .article-body pre .code-copy-button,html[data-theme=dark] .c--articleBody pre .code-copy-button{color:#aaa397}html[data-theme=dark] .article-body pre .code-copy-button:before,html[data-theme=dark] .c--articleBody pre .code-copy-button:before{box-shadow:4px -4px 0 -2px #26231e,4px -4px 0 -.5px}html[data-theme=dark] .article-body pre .code-copy-button:hover,html[data-theme=dark] .c--articleBody pre .code-copy-button:hover{color:#ebe6dc;background:#ebe6dc0f}@media (width<=640px){.article-body pre,.c--articleBody pre{border-radius:13px;font-size:.84rem}.article-body pre .code-block-header,.c--articleBody pre .code-block-header{min-height:50px;padding:0 15px}.article-body pre code,.c--articleBody pre code{padding:22px 19px 24px}.article-body pre .code-copy-button,.c--articleBody pre .code-copy-button{min-height:32px;padding:5px 6px;font-size:.78rem}}