.page-head{padding-top:var(--sp-6)}
.page-head h1{font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}
.page-hint{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--ink-60);overflow-wrap:anywhere}
.terms-meta{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--ink-40)}
.terms-meta span{border:1px solid var(--hair-soft);background:rgba(255,255,255,.6);border-radius:999px;padding:4px 12px;white-space:nowrap}
.terms-intro{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--ink-70);max-width:64ch}
.terms-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:var(--sp-4)}
.terms-toc a{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--r-xs);font-size:var(--fs-sm);color:var(--ink-60);min-width:0;transition:background .15s var(--ease),color .15s var(--ease)}
.terms-toc a:hover{background:rgba(110,69,236,.08);color:var(--primary)}
.terms-toc em{font-style:normal;font-size:10.5px;color:var(--ink-40);flex:none}
@media(max-width:560px){.terms-toc{grid-template-columns:1fr}}
.terms-doc{min-width:0}
.t-sec{padding:var(--sp-5) 0;border-bottom:1px dashed var(--hair)}
.t-sec:first-child{padding-top:var(--sp-2)}
.t-sec:last-child{border-bottom:0;padding-bottom:var(--sp-2)}
.t-sec{scroll-margin-top:96px}
.t-sec h2{display:flex;align-items:baseline;gap:12px;font-size:var(--fs-lg);margin-bottom:var(--sp-3)}
.t-num{font-size:var(--fs-xs);color:var(--primary);background:var(--primary-soft);border:1px solid rgba(110,69,236,.18);border-radius:6px;padding:2px 9px;flex:none;font-weight:500;letter-spacing:.08em}
.t-sec p{font-size:var(--fs-sm);color:var(--ink-70);margin-bottom:var(--sp-3)}
.t-sec p:last-child{margin-bottom:0}
.t-list{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--sp-3)}
.t-list:last-child{margin-bottom:0}
.t-list li{position:relative;padding-left:20px;font-size:var(--fs-sm);color:var(--ink-70);min-width:0;overflow-wrap:anywhere}
.t-list li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--primary-soft);border:1.5px solid var(--primary)}
.t-list li b{color:var(--ink)}
.t-sec a{color:var(--primary);font-weight:600}
.t-sec a:hover{text-decoration:underline}
.t-mail{font-family:var(--f-mono);overflow-wrap:anywhere}
.terms-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
@media(max-width:720px){.terms-actions{margin-left:0;width:100%}.terms-actions .c-btn{flex:1}}