.phead{padding:calc(84px + var(--frame) + clamp(24px,5vh,56px)) 0 clamp(16px,3vh,32px);background:var(--bg)}.phead .sec-hd{margin-bottom:clamp(20px,3vh,32px)}.ph-hd{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.ph-ico{background:var(--acc,var(--ink));color:#fff;width:64px;height:64px;box-shadow:0 12px 24px color-mix(in srgb,var(--acc,var(--blue)) 36%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ph-ico:before{content:"";border:1.5px solid var(--acc,var(--blue));opacity:.5;border-radius:50%;position:absolute;inset:-6px}.ph-ico svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.ph-idx{white-space:nowrap;letter-spacing:-.04em;color:var(--acc,var(--ink));font-family:Inter,sans-serif;font-size:clamp(36px,3.4vw,52px);font-weight:800;line-height:1}.ph-idx small{color:var(--sub);letter-spacing:.02em;margin-left:.2em;font-size:.42em;font-weight:700}.ph-ja{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:clamp(28px,3.2vw,46px);font-weight:700;line-height:1.35}.ph-lead{max-width:40em;margin-top:18px;font-size:clamp(15px,1.2vw,17px);line-height:1.9}@media (width<=767px){.ph-ico{width:48px;height:48px}}.sub-sec{padding:clamp(40px,7vh,88px) 0 0}.sub-sec:last-of-type{padding-bottom:clamp(40px,7vh,88px)}.sub-hd{flex-direction:column;gap:12px;margin-bottom:clamp(24px,4vh,40px);display:flex}.sub-hd .label{letter-spacing:.3em}.sub-hd h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.4}.sub-hd p{max-width:44em;color:var(--sub);margin:0;font-size:15px;line-height:1.9}.btn{background:var(--acc,var(--blue));color:#fff;height:62px;box-shadow:0 14px 30px color-mix(in srgb,var(--acc,var(--blue)) 38%,transparent);border:0;border-radius:999px;align-items:center;gap:14px;padding:0 10px 0 30px;font-family:inherit;font-size:17px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.btn:hover{box-shadow:0 18px 36px color-mix(in srgb,var(--acc,var(--blue)) 48%,transparent);color:#fff;transform:translateY(-2px)}.btn .ar{width:38px;height:38px;color:var(--acc,var(--blue));background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn .ar:before{content:"";border-top:2px solid;border-right:2px solid;width:9px;height:9px;margin-left:-2px;transform:rotate(45deg)}.btn.ghost{color:var(--ink);border:1.5px solid var(--ink);box-shadow:none;background:0 0}.btn.ghost .ar{background:var(--ink);color:#fff}.btn.ghost:hover{background:var(--soft)}.scard{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:28px;flex-direction:column;gap:12px;padding:28px 26px;text-decoration:none;transition:transform .4s cubic-bezier(.16,.84,.26,1),box-shadow .4s,border-color .4s;display:flex}a.scard:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc,var(--blue)) 30%,transparent),0 0 0 10px color-mix(in srgb,var(--acc,var(--blue)) 7%,transparent),0 30px 60px #0f16261f;border-color:#0000;transform:translateY(-6px)}.scard .ico{background:var(--acc,var(--ink));color:#fff;width:56px;height:56px;box-shadow:0 12px 24px color-mix(in srgb,var(--acc,var(--blue)) 36%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.scard .ico svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.scard .sn{letter-spacing:.1em;color:var(--acc,var(--blue));font-family:Inter,sans-serif;font-size:12px;font-weight:800}.scard b{color:var(--ink);font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.4}.scard p{color:var(--sub);margin:0;font-size:14px;line-height:1.8}.scard .go{color:var(--ink);align-items:center;gap:10px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.scard .go i{border:1.5px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .3s,color .3s,transform .3s;display:inline-flex}.scard .go i:before{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;margin-left:-3px;transform:rotate(45deg)}a.scard:hover .go i{background:var(--ink);color:#fff;transform:translate(4px)}.plist{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.plist{grid-template-columns:1fr}}.plist li{background:color-mix(in srgb,var(--acc,var(--blue)) 6%,#fff);border:1px solid color-mix(in srgb,var(--acc,var(--blue)) 18%,transparent);color:var(--ink);border-radius:16px;align-items:flex-start;gap:12px;padding:20px;font-size:15px;font-weight:700;line-height:1.7;display:flex}.plist li:before{content:"";background:var(--acc,var(--blue));border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.5em}.sflow{justify-content:space-between;align-items:flex-start;width:100%;max-width:760px;margin:0;display:flex}.sflow .fs{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.sflow .fs i{background:var(--acc,var(--blue));width:14px;height:14px;box-shadow:0 0 0 5px color-mix(in srgb,var(--acc,var(--blue)) 18%,transparent);border-radius:50%}.sflow .fs em{color:var(--ink);white-space:nowrap;letter-spacing:.02em;font-size:13px;font-style:normal;font-weight:700}.sflow .fl{background:var(--line);flex:1;height:1px;margin-top:7px}@media (width<=767px){.sflow{flex-direction:column;align-items:flex-start;gap:14px}.sflow .fs{flex-direction:row}.sflow .fl{display:none}}.sspec{grid-template-columns:1fr 1fr;gap:14px;max-width:560px;display:grid}@media (width<=640px){.sspec{grid-template-columns:1fr}}.sspec div{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.sspec b{color:var(--sub);letter-spacing:.06em;font-size:12px;font-weight:700}.sspec span{color:var(--ink);font-size:17px;font-weight:700;line-height:1.5}.sshot{box-shadow:0 0 0 1px var(--line),0 24px 50px #0f16261f;background:#fff;border-radius:18px;position:relative;overflow:hidden}.sshot .bar{background:var(--soft);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.sshot .bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.sshot .bar .url{color:var(--sub);letter-spacing:.02em;border:1px solid var(--line);background:#fff;border-radius:999px;margin-left:8px;padding:2px 10px;font-family:Inter,sans-serif;font-size:10px}.sshot img{width:100%;height:auto;display:block}.stags{flex-wrap:wrap;gap:6px;display:flex}.stags span{color:var(--ink);background:var(--soft);border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;display:inline-flex}.stags span:before{content:"";background:var(--acc,var(--blue));border-radius:50%;width:6px;height:6px}.faq{flex-direction:column;gap:12px;max-width:820px;display:flex}.faq details{border:1px solid var(--line);background:#fff;border-radius:16px;padding:0 22px}.faq summary{color:var(--ink);cursor:none;align-items:center;gap:14px;padding:18px 0;font-size:15px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";background:var(--acc,var(--blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Inter,sans-serif;font-size:13px;font-weight:800;display:inline-flex}.faq details p{color:var(--sub);margin:0;padding:0 0 18px 42px;font-size:14px;line-height:1.9}.article{max-width:800px;margin:0 auto}.article-hd{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;margin-bottom:32px;padding-bottom:28px;display:flex}.article-hd .meta{align-items:center;gap:14px;display:flex}.article-hd .meta .cat{color:#fff;background:var(--acc,var(--blue));border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;line-height:1}.article-hd .meta time{color:var(--sub);letter-spacing:.04em;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.article-hd h1{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.5}.prose{color:var(--text);font-size:16px;line-height:2}.prose h2{border-left:4px solid var(--acc,var(--blue));color:var(--ink);letter-spacing:-.01em;margin:2.2em 0 .8em;padding-left:16px;font-size:clamp(20px,1.8vw,26px);line-height:1.5}.prose h3{color:var(--ink);margin:1.8em 0 .6em;font-size:clamp(17px,1.4vw,20px)}.prose p{margin:0 0 1.4em}.prose a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}.prose li{margin:.3em 0}.prose strong{color:var(--ink)}.prose blockquote{border-left:4px solid var(--line);background:var(--soft);color:var(--sub);border-radius:0 12px 12px 0;margin:1.6em 0;padding:16px 22px}.prose code{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:.1em .4em;font-family:ui-monospace,monospace;font-size:.9em}.prose img{border-radius:12px;max-width:100%;height:auto}.article-ft{border-top:1px solid var(--line);flex-direction:column;gap:24px;margin-top:40px;padding-top:28px;display:flex}.article-nav{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.article-nav{grid-template-columns:1fr}}.article-nav a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.article-nav a:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 30%,transparent),0 0 0 8px color-mix(in srgb,var(--blue) 7%,transparent),0 20px 40px #0f16261a;border-color:#0000;transform:translateY(-3px)}.article-nav a small{letter-spacing:.18em;color:var(--blue);font-family:Inter,sans-serif;font-size:11px;font-weight:700}.article-nav a span{font-size:14px;font-weight:700;line-height:1.5}.article-nav a.next{text-align:right;align-items:flex-end}.ph-img{aspect-ratio:16/9;background:var(--soft);border:1px solid var(--line);border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ph-img:before{content:"";opacity:.55;background-image:radial-gradient(#0f16261f 1px,#0000 1.3px);background-size:22px 22px;position:absolute;inset:0}.ph-img span{letter-spacing:.18em;color:var(--faint);font-family:Inter,sans-serif;font-size:12px;font-weight:700;position:relative}.wk-table{border-top:1px solid var(--line);flex-direction:column;margin:0;display:flex}.wk-table>div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:16px;padding:14px 4px;display:grid}@media (width<=640px){.wk-table>div{grid-template-columns:1fr;gap:4px}}.wk-table dt{color:var(--sub);font-size:13px;font-weight:700}.wk-table dd{color:var(--ink);margin:0;font-size:14px;font-weight:500;line-height:1.7}.todo{color:var(--faint);letter-spacing:.04em;font-size:12px}