/* guides: list + post, on top of legal.css */
.draftbar{background:#fff4d6;color:#5c4400;border-bottom:3px solid #e0a800;padding:12px var(--g);font-size:15px;font-weight:600;text-align:center}
.lhead .meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:24px;color:#c9d1ec;font-size:15px}
.lhead .lead2{margin:22px 0 0;color:#e8eaf3;font-size:clamp(17px,1.7vw,21px);max-width:44em}
.post-body h2{scroll-margin-top:20px}
.post-body h3{font-size:20px}
.post-body table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:16px}
.post-body th,.post-body td{border:1px solid var(--line);padding:10px 12px;text-align:start;vertical-align:top}
.post-body th{background:#f4f5f9;color:var(--ink)}
.post-body ol{margin:0 0 16px;padding-inline-start:24px}
.post-body ol li{margin-bottom:8px;color:var(--text)}
.post-body blockquote{margin:20px 0;background:#f4f5f9;border-inline-start:6px solid var(--blue);padding:16px 20px}
.post-body blockquote p:last-child{margin:0}
.post-body code{background:#f1f2f6;padding:2px 6px;border-radius:5px;font-size:.92em;direction:ltr;unicode-bidi:isolate}
.faqs{margin-top:56px;border-top:4px solid var(--ink);padding-top:16px}
.faqs h2{border:0;padding:0;margin:0 0 10px}
.faqs details{border-bottom:2px solid var(--line)}
.faqs summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:center;padding:16px 0;font-weight:700;font-size:19px;color:var(--ink)}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary::after{content:"+";margin-inline-start:auto;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:20px;line-height:1}
.faqs details[open] summary::after{content:"−";background:var(--blue)}
.faqs details p{margin:0 0 16px}
.cta-box{margin-top:56px;background:var(--ink);color:#fff;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}
.cta-box::after{content:"";position:absolute;width:96px;aspect-ratio:1;background:var(--blue);border-radius:0 0 100% 0;top:0;left:0}
.cta-box>*{position:relative;z-index:1}
.cta-box h2{color:#fff;border:0;padding:0;margin:0 0 10px;font-size:clamp(24px,2.6vw,34px)}
.cta-box p{color:#c9d1ec;margin:0 0 22px;max-width:34em}
.cta-box .btn{background:#fff;color:var(--ink);border-color:#fff}
.cta-box .btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.related{margin-top:56px}
.related h2{margin-top:0}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cards li{margin:0}
.card{display:block;text-decoration:none;color:var(--ink);border-top:4px solid var(--ink);padding:18px 0 22px;transition:border-color .2s}
.card:hover{border-color:var(--blue)}
.card h3{margin:0 0 8px;font-size:clamp(21px,2.2vw,28px);letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.card p{margin:0 0 10px;color:var(--text)}
.card .m{font-size:14px;color:#6b7290}
.card .tag{display:inline-block;background:#fff4d6;color:#5c4400;font-weight:700;font-size:12px;padding:2px 8px;margin-inline-start:8px}
.glist{max-width:1320px;margin:0 auto;padding:clamp(48px,7vw,96px) var(--g) clamp(64px,8vw,120px)}
.glist .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 48px}
.glist .empty{color:var(--text);font-size:19px;max-width:40em}
@media (max-width:860px){.glist .cards{grid-template-columns:1fr}}
.post-body ul:has(.cb){list-style:none;padding-inline-start:0}
.post-body .cb{display:inline-block;width:18px;height:18px;border:2px solid var(--blue);border-radius:4px;vertical-align:-3px;margin-inline-end:10px}