.post h1{font-size:var(--size-step-3);line-height:var(--leading-fine)}.post h2{font-size:var(--size-step-2)}.post h3{font-size:var(--size-step-1)}.post h1+:is(picture,figure) img{aspect-ratio:16/9;block-size:auto;max-inline-size:var(--max-img-width,100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.post date{color:var(--color-text-light);font-size:var(--size-step-1)}.post .credit{background-color:var(--color-bg);border-radius:var(--border-radius-medium);color:var(--color-text-accent);font-size:var(--size-step-min-1);max-inline-size:-moz-fit-content;max-inline-size:fit-content;padding:var(--space-xs) var(--space-s);transform:translateY(-4ch) translateX(-.5ch)}.post dt{flex-basis:10rem;flex-grow:1}.post dd{display:block;flex-basis:0;flex-grow:999;min-inline-size:70%}.post .toc-toggle{--flow-space:var(--space-2xl)}.post .toc-toggle summary{border-radius:var(--border-radius-small);font-family:var(--font-display);font-size:var(--size-step-1);font-weight:var(--font-bold);gap:0 .5ch;margin-inline-start:var(--space-xl);text-decoration-color:gray;text-decoration-line:underline;text-decoration-thickness:.1em;text-underline-offset:.1em}.post .toc-toggle :is(summary:hover,summary:focus-visible){text-decoration-color:transparent}.post .toc-toggle details>*+*{margin-inline-start:0}.post .toc-toggle summary:before{--size:var(--space-xl);background-color:var(--color-bg);background-image:url(/assets/images/template/eye-close.svg);background-position:50%;background-repeat:no-repeat;background-size:90% auto;block-size:var(--size);border-radius:100%;content:"";display:flex;inline-size:var(--size);inset-inline-start:calc(var(--space-xl)*-1);line-height:1;margin-block-start:0;translate:-.5em .3em}.post .toc-toggle details[open] summary:before{background-image:url(/assets/images/template/eye.svg);content:""}@media (min-width:1360px){.post .toc-toggle summary{gap:0;margin-inline-start:0}}.post :is(.info,.readmore,.table-of-contents){border:var(--stroke);border-radius:var(--border-radius-medium);padding-block:var(--space-s-m);padding-inline:var(--space-xl);position:relative}.post .table-of-contents{padding-block:var(--space-xs);padding-inline:var(--space-m-l)}.post .readmore h2{font-size:var(--size-step-1);margin-block-start:var(--space-m)}.post :is(.info,.readmore,.table-of-contents):before{--size:var(--space-2xl);background-color:var(--color-bg);background-position:50%;background-repeat:no-repeat;background-size:90% auto;block-size:var(--size);border-radius:100%;content:"";display:flex;inline-size:var(--size);inset-block-start:var(--space-l);inset-inline-start:calc(var(--size)/-2 - var(--border-thickness)/2);line-height:1;position:absolute}.post .info:before{background-image:url(/assets/images/template/info.svg)}.post .readmore:before{background-image:url(/assets/images/template/book.svg)}.post .table-of-contents:before{background-image:url(/assets/images/template/cursor.svg)}.post .toc-list{line-height:var(--leading-loose)}.post .toc-list .toc-list{list-style:none;opacity:.7;padding-inline-start:0}table-saw{display:block}table{border:var(--stroke);border-collapse:collapse;width:100%}th{background:var(--color-bg-accent);font-weight:var(--font-bold);line-height:var(--leading-fine);text-align:left}thead th{padding-block:var(--space-2xs)}td,th{padding:var(--space-2xs) var(--space-xs)}th:not(:only-of-type){border-block-end:var(--stroke)}th:only-of-type{border-inline-end:var(--stroke)}tr:not(:first-of-type){border-block-start:var(--stroke)}@media (min-width:640px){:is(th,td)~:is(th,td){border-inline-start:var(--stroke)}tr+tr :is(th,td){border-block-start:var(--stroke)}}form>*+*{margin-top:var(--flow-space,1rem)}:is(input:not([type=checkbox],[type=radio],[type=color],[type=submit]),select,textarea){background:var(--color-bg-accent);border:var(--stroke);border-radius:var(--border-radius-small);color:var(--color-text);padding:.5em .8em;width:100%;&::-moz-placeholder{color:var(--color-mid);opacity:1}&::placeholder{color:var(--color-mid);opacity:1}}label{font-weight:var(--font-bold);line-height:var(--leading-fine)}label:after{content:"\A";white-space:pre}label:has(input){align-items:baseline;display:flex;font-weight:var(--font-normal);gap:var(--space-s)}label:has(input)+label:has(input){--flow-spce:var(--space-s-m)}label:has(input) input{transform:translateY(-.1ex)}input:disabled{background:var(--color-mid)}input:disabled,label input:disabled+*{cursor:not-allowed}fieldset{border:var(--stroke);padding:var(--space-m)}legend{font-weight:var(--font-bold);padding-inline:var(--space-xs)}