.cp{min-height:calc(100vh - 60px);position:relative}.cp-head{border-bottom:1px solid var(--line);background:var(--bg-2);padding:clamp(38px,7vw,68px) clamp(16px,4vw,40px) clamp(30px,5vw,46px);position:relative;overflow:hidden}.cp-head .grid-field{opacity:.7;-webkit-mask-image:radial-gradient(80% 90% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(80% 90% at 50% 0,#000 20%,#0000 75%)}.cp-head-in{z-index:2;max-width:1080px;margin:0 auto;position:relative}.cp-tag{font-family:var(--font-mono);color:var(--accent-text);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:10px;display:inline-flex}.cp-tag .d{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.cp-head h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0 0 18px;font-size:clamp(32px,7vw,60px);font-weight:500;line-height:1}.cp-head h1 .it{color:var(--accent-text);font-style:italic}.cp-sub{font-family:var(--font-mono);color:var(--ink-2);max-width:620px;margin:0;font-size:13px;line-height:1.8}.cp-meta{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.cp-meta span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:var(--bg);border:1px solid var(--line-2);border-radius:7px;padding:7px 12px;font-size:10px}.cp-body{min-width:0;max-width:1080px;margin:0 auto;padding:clamp(28px,5vw,52px) clamp(16px,4vw,40px) 80px}.cp-sec{border-bottom:1px solid var(--line);margin-bottom:34px;padding:0 0 34px;scroll-margin-top:84px}.cp-sec:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cp-sec>h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:baseline;gap:12px;margin:0 0 16px;font-size:clamp(19px,3.4vw,24px);font-weight:600;display:flex}.cp-sec>h2 .n{font-family:var(--font-mono);color:var(--accent-text);flex:none;padding-top:3px;font-size:11px;font-weight:700}.cp-sec p{color:var(--ink-2);max-width:74ch;margin:0 0 14px;font-size:14.5px;line-height:1.85}.cp-sec p:last-child{margin-bottom:0}.cp-sec strong{color:var(--ink);font-weight:600}.cp-sec a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.cp-sec ul{flex-direction:column;gap:9px;margin:0 0 14px;padding:0;list-style:none;display:flex}.cp-sec li{color:var(--ink-2);max-width:74ch;padding-left:20px;font-size:14.5px;line-height:1.75;position:relative}.cp-sec li:before{content:"";background:var(--accent);opacity:.8;border-radius:2px;width:6px;height:6px;position:absolute;top:.65em;left:2px}.cp-note{border-radius:var(--r-md);background:color-mix(in oklab, var(--warn) 7%, var(--bg-2));border:1px solid color-mix(in oklab, var(--warn) 26%, transparent);gap:12px;margin:0 0 16px;padding:15px 17px;display:flex}.cp-note .ic{font-family:var(--font-mono);color:var(--warn-text);letter-spacing:.1em;flex:none;padding-top:2px;font-size:11px;font-weight:700}.cp-note p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.75}.cp-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;display:grid}.cp-card{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2);flex-direction:column;gap:9px;padding:20px;display:flex}.cp-card .n{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent-text);font-size:10px;font-weight:700}.cp-card b{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:15.5px;font-weight:600}.cp-card p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.75}.cp-chan{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px;margin:0;display:grid}.cp-ch{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2);flex-direction:column;gap:8px;padding:20px;transition:border-color .14s,background .14s;display:flex}.cp-sec a.cp-ch{color:inherit;text-decoration:none}.cp-ch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-ch:hover{border-color:color-mix(in oklab, var(--accent) 42%, var(--line-2));background:var(--panel)}.cp-ch .k{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.cp-ch b{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:15.5px;font-weight:600}.cp-ch p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.7}.cp-ch .go{font-family:var(--font-mono);color:var(--accent-text);word-break:break-word;margin-top:4px;font-size:12px;text-decoration:none}.cp-ch:hover .go{text-underline-offset:3px;text-decoration:underline}.cp-group{margin:0 0 30px}.cp-group:last-child{margin-bottom:0}.cp-group>h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:baseline;gap:12px;margin:0 0 14px;font-size:clamp(18px,3.2vw,22px);font-weight:600;display:flex}.cp-group>h2 .n{font-family:var(--font-mono);color:var(--accent-text);flex:none;padding-top:3px;font-size:11px;font-weight:700}.cp-q{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-2);margin-bottom:8px;overflow:hidden}.cp-q[open]{border-color:color-mix(in oklab, var(--accent) 38%, var(--line-2))}.cp-q>summary{cursor:pointer;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 17px;font-size:14.5px;font-weight:600;line-height:1.55;list-style:none;display:flex}.cp-q>summary::-webkit-details-marker{display:none}.cp-q>summary:hover{background:var(--panel)}.cp-q>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cp-q>summary .sign{flex:none;width:14px;height:14px;margin-top:4px;position:relative}.cp-q>summary .sign:before,.cp-q>summary .sign:after{content:"";background:var(--accent);border-radius:1px;width:14px;height:2px;transition:transform .16s;position:absolute;top:6px;left:0}.cp-q>summary .sign:after{transform:rotate(90deg)}.cp-q[open]>summary .sign:after{transform:rotate(0)}.cp-a{border-top:1px solid var(--line);padding:0 17px 16px}.cp-a p{color:var(--ink-2);margin:14px 0 0;font-size:13.8px;line-height:1.8}.cp-a ul{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.cp-a li{color:var(--ink-2);padding-left:18px;font-size:13.8px;line-height:1.7;position:relative}.cp-a li:before{content:"";background:var(--accent);opacity:.8;border-radius:2px;width:5px;height:5px;position:absolute;top:.62em;left:2px}.cp-a a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.cp-a strong{color:var(--ink);font-weight:600}.cp-end{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:40px;padding-top:22px;display:flex}.cp-end span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.cp-end .lx{flex-wrap:wrap;gap:8px;display:flex}.cp-end a{font-family:var(--font-mono);color:var(--accent-text);border:1px solid color-mix(in oklab, var(--accent) 32%, transparent);background:color-mix(in oklab, var(--accent) 7%, transparent);border-radius:8px;padding:8px 14px;font-size:11px;text-decoration:none}.cp-end a:hover{background:color-mix(in oklab, var(--accent) 14%, transparent)}