aside[data-astro-cid-iked3oeu]{z-index:990;gap:12px;padding-inline:16px;display:flex;position:fixed;bottom:48px;left:50vw;translate:-50%;@media (width<1536px){bottom:32px}@media (width<480px){bottom:calc(16px + env(safe-area-inset-bottom));left:0;translate:0}& button,& a{aspect-ratio:1;backdrop-filter:blur(8px);background-color:#0000004d;border-radius:50%;width:40px;display:block;overflow:hidden;@media (width<480px){width:32px}& svg-icon{color:#fff;width:24px;margin:8px;@media (width<480px){width:20px;margin:6px}aspect-ratio:1}}& button{display:none;&:hover{background:var(--color-label)}&.show{display:block}&.apple{& svg-icon:first-child{display:none}}}& a{&:hover.x{background-color:#000}&:hover.facebook{background-color:#1977f2}&:hover.hatena{background-color:#00a4de}&:hover.pocket{background-color:#ef4056}&:hover.line{background-color:#00b500}}}article[data-astro-cid-ptlhlucd]{grid-template-columns:800px minmax(0,1fr);grid-template-areas:"header aside""content aside";gap:0 48px;padding:64px 32px 0 80px;display:grid;@media (width<1536px){grid-template-columns:640px minmax(0,1fr);gap:0 56px;padding:56px 24px 0 64px}@media (width<1280px){grid-template-columns:100%;grid-template-areas:"header""aside""content";gap:0 16px;padding:0}}header[data-astro-cid-ptlhlucd]{grid-area:header;& img{border:1px solid rgb(from var(--color-main) r g b / .05);background:var(--color-placeholder);border-radius:6px;display:block;@media (width<1280px){border-width:0 0 1px;border-radius:24px 24px 0 0}@media (width<480px){border-radius:0}}& .meta{margin-block-start:32px;@media (width<1280px){padding:0 48px}@media (width<768px){padding:0 32px}@media (width<480px){padding:0 24px}}& h1{margin-block-start:8px;font-size:1.6em}& time{color:rgb(from var(--color-main) r g b / .6);justify-content:center;align-items:center;gap:.5em;margin-block-start:20px;margin-inline-end:16px;font-size:.9em;display:inline-flex}& ul{float:right;flex-wrap:wrap;gap:6px;margin-block-start:18px;display:flex;@media (width<480px){float:none}}& p{margin-block-start:16px;font-size:.9em;font-weight:400}& .caution{background:rgb(from var(--color-main) r g b / .08);border-radius:6px;align-items:center;gap:8px;margin-block:24px 8px;padding:12px 16px;font-size:11px;display:flex}}aside[data-astro-cid-ptlhlucd]{grid-area:aside;@media (width<1280px){background:rgb(from var(--color-theme) r g b / .05);border-radius:6px;margin-block-start:24px;margin-inline:48px;padding:0 24px 32px;position:relative}@media (width<768px){margin-inline:32px}@media (width<480px){margin-inline:24px}& .sticky{position:sticky;top:24px}& h2{opacity:.2;font-size:18px;&:nth-of-type(2){margin-block-start:32px}@media (width<1280px){margin-block-start:24px!important}}& .follow{gap:4px;margin-block-start:16px;display:flex;& li:first-child:hover{color:var(--color-main)}& li:nth-child(2):hover{color:#1876f2}& li:nth-child(3):hover{color:#2bb24c}& li:nth-child(4):hover{color:var(--color-main)}& li:nth-child(5):hover{color:#eb4d3c}}& .toc{scroll-target-group:auto;border-left:1px solid rgb(from var(--color-main) r g b / .2);margin-block-start:12px;& a{opacity:.6;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid rgb(from var(--color-main) r g b / 0);margin-block-start:14px;padding-block:4px;padding-inline-start:8px;font-size:.8em;font-weight:700;line-height:1.4;display:block;position:relative;top:-2px;overflow:hidden;@media (width>=640px){&:target-current{border-left:2px solid rgb(from var(--color-main) r g b / .6)}}&:hover{opacity:.9}}& li.sub{@media (width<640px){display:none}& a{margin-block-start:2px;padding-inline-start:14px;font-size:.7em;font-weight:400}}}}.content[data-astro-cid-ptlhlucd]{grid-area:content;margin-block-start:32px;@media (width<1280px){padding:0 48px}@media (width<768px){padding:0 32px}@media (width<480px){padding:0 24px}}.blogFooter[data-astro-cid-ptlhlucd]{border-top:2px dashed rgb(from var(--color-theme) r g b / .4);margin-block-start:96px;@media (width<1024px){margin-block-start:64px}& h2{color:var(--color-label);margin-block-start:64px;font-size:1.4em}& .banner{box-shadow:0px 8px 24px -8px rgb(from var(--color-label) r g b / .1);background:rgb(from var(--color-main) r g b / .1);border-radius:6px;min-height:160px;margin-block-start:16px;overflow:hidden}}.recommendList[data-astro-cid-ptlhlucd]{filter:var(--filter-shadow);gap:8px;margin-block-start:16px;display:flex;@media (width<1024px){flex-wrap:wrap}@media (width<480px){scroll-snap-type:x mandatory;flex-wrap:nowrap;width:100vw;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;overflow:scroll}&>li[data-astro-cid-ptlhlucd]{width:calc(33.3333% - 5.33333px);@media (width<1024px){width:calc(50% - 4px)}@media (width<480px){scroll-snap-align:start;flex-shrink:0;width:240px}@media (width>=480px){&:nth-child(n+5){display:none}}@media (width>=1024px){&:nth-child(n+4){display:none}}}}