*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;color:#1d1d1f;background:#eceef2}
.wrap{max-width:820px;margin:0 auto;padding:28px 20px 60px}
nav.top{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:14px;margin-bottom:26px;align-items:center}nav.top b{margin-right:auto;font-size:16px}nav.top a{color:#55585f;text-decoration:none}nav.top a:hover,nav.top a.on{color:#1d1d1f;text-decoration:underline}
h1{font-size:32px;line-height:1.2;margin:0 0 8px}h2{font-size:20px;margin:34px 0 8px}p.lead{font-size:18px;color:#45484f;margin:0 0 20px}
.card{background:#fff;border-radius:16px;padding:18px 20px;margin:12px 0;box-shadow:0 6px 20px rgba(60,64,80,.08)}.card h3{margin:0 0 4px;font-size:17px}.card p{margin:4px 0;color:#45484f}
a{color:#0b57d0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:14.5px;box-shadow:0 6px 20px rgba(60,64,80,.08)}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eceef2;vertical-align:top}th{background:#f6f7f9;font-size:13px;color:#55585f}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:#e4f6ec;color:#12733f}.tag.no{background:#fdecec;color:#a42a2e}.tag.opt{background:#fff4de;color:#8a5200}
.note{border-left:4px solid #f59f00;background:#fff8e6;padding:10px 14px;border-radius:8px;margin:16px 0;font-size:14.5px}
ul{padding-left:20px}li{margin:4px 0}footer{margin-top:40px;font-size:13px;color:#6b6e75}code{background:#e4e6eb;padding:1px 6px;border-radius:5px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.grid a.card{text-decoration:none;color:inherit;display:block}.grid a.card:hover{box-shadow:0 10px 26px rgba(60,64,80,.16)}
@media(prefers-color-scheme:dark){body{background:#12151c;color:#e8ecf3}.card,table{background:#1b2030;box-shadow:none}.card p,p.lead{color:#b4b9c6}th{background:#232a3c;color:#aab}th,td{border-color:#2a3145}nav.top a{color:#9aa1b2}nav.top a:hover,nav.top a.on{color:#fff}a{color:#8ab4f8}code{background:#2a3145}.note{background:#2b2616}.tag{background:#12361f;color:#7ee2a8}.tag.no{background:#3b1b1d;color:#ff9a9d}.tag.opt{background:#3a2c10;color:#ffcf75}footer{color:#8a90a0}}
.faq{background:#fff;border:1px solid #dcdfe5;border-radius:14px;overflow:hidden;margin:14px 0}.faq details{border-bottom:1px solid #e6e8ed}.faq details:last-child{border-bottom:0}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:18px;font-weight:650;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-right:2.5px solid #2fa866;border-bottom:2.5px solid #2fa866;transform:rotate(45deg);transition:transform .2s;margin:-4px 4px 0 0;flex:none}.faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.faq .body{padding:0 22px 18px;color:#3b3e45}.faq .body p{margin:6px 0}.faq h4{margin:14px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#6b6e75}.faq .body ul{margin:4px 0}
@media(prefers-color-scheme:dark){.faq{background:#1b2030;border-color:#2a3145}.faq details{border-color:#2a3145}.faq .body{color:#c3c8d4}.faq h4{color:#8a90a0}}