/* Langganan, akun, dan pratinjau terkunci (29 Okt 2026) */
.lg-narrow{max-width:720px;padding-bottom:clamp(48px,7vw,88px)}
.lg-pricing,.lg-account{padding-bottom:clamp(48px,7vw,88px)}
.lg-narrow .page-title,.lg-pricing .page-title,.lg-account .page-title{margin-top:6px}
.lg-pricing .lead,.lg-narrow .lead{margin-top:10px;max-width:62ch}
.lg-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-top:20px}
.lg-card p+p{margin-top:10px}
.lg-form{display:grid;gap:10px}
.lg-form label{font-weight:600;font-size:.9rem}
.lg-form input[type=email],.lg-form input[type=number],.lg-form input[type=text]{font:500 1rem/1.2 var(--f-body);padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);width:100%}
.lg-form input:focus{outline:2px solid var(--lilac);outline-offset:1px;border-color:var(--plum)}
.lg-form .btn{justify-self:start;display:inline-flex!important}
.lg-card .btn,.lg-plan .btn,.lg-actions .btn,.gt-paywall .btn{display:inline-flex!important}
.lg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lg-muted{color:var(--muted);font-size:.9rem}
.lg-alert{background:var(--crit-soft);color:var(--crit);border-radius:12px;padding:12px 14px;margin-top:16px;font-weight:600}
.lg-ok{background:var(--ok-soft);color:#1F5E3F;border-radius:12px;padding:12px 16px;margin-top:16px}
.lg-ok a{color:inherit;font-weight:700}
.lg-debug{font:500 .8rem/1.4 var(--f-mono);background:var(--warn-soft);padding:8px 10px;border-radius:8px}
.lg-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;max-width:760px}
.lg-plan{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:8px;align-content:start}
.lg-plan h2{font:600 .78rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lg-price{font:400 clamp(2rem,1.6rem + 1.4vw,2.6rem)/1.1 var(--f-display);color:var(--ink)}
.lg-price span{font:500 .95rem var(--f-body);color:var(--muted);margin-left:4px}
.lg-plan-note{color:var(--muted);font-size:.9rem;margin-bottom:8px}
.lg-plan .btn{justify-content:center}
.lg-plan-best{border-color:var(--plum);box-shadow:0 14px 34px -22px rgba(90,42,133,.6)}
.lg-badge{position:absolute;top:-12px;right:18px;background:var(--ok);color:#fff;font:700 .74rem/1 var(--f-body);padding:7px 10px;border-radius:999px}
.lg-status{min-height:1.4em;margin-top:12px;font-weight:600;color:var(--plum)}
.lg-status.bad{color:var(--crit)}
.lg-twa-note{display:none}
.is-twa .lg-buy,.is-twa .lg-plans .btn,.is-twa .lg-buy-link,.is-twa .gt-paywall .btn-primary{display:none!important}
.is-twa .lg-twa-note{display:block;background:var(--sunk);border-radius:12px;padding:12px 14px;margin-top:14px}
.lg-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.lg-h{font-family:var(--f-display);font-size:1.25rem;margin-bottom:10px}
.lg-h2{font-family:var(--f-display);font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);margin:36px 0 12px}
.lg-list{margin:0;padding-left:1.1em;display:grid;gap:8px;font-size:.95rem;line-height:1.55}
.lg-kv{display:grid;gap:12px;margin:0}
.lg-kv dt{font:600 .66rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lg-kv dd{margin:2px 0 0;font-weight:600}
.lg-pill{display:inline-block;font:600 .74rem/1 var(--f-body);padding:5px 9px;border-radius:999px;background:var(--sunk);color:var(--muted);margin-right:6px}
.lg-pill.ok{background:var(--ok-soft);color:var(--ok)}
.lg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lg-logout{display:grid;gap:12px;align-content:start}
.lg-logout .btn{justify-self:start;display:inline-flex!important}
.lg-table{width:100%;border-collapse:collapse;font-size:.9rem}
.lg-table th,.lg-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.lg-table th{font:600 .68rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--sunk)}
.lg-mono{font-family:var(--f-mono);font-size:.82rem}
.lg-admin{margin-top:40px;padding-top:8px;border-top:2px dashed var(--line)}
.lg-admin h3{font-weight:700;margin:24px 0 10px}
.lg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.lg-stats div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.lg-stats dt{font:600 .64rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lg-stats dd{margin:4px 0 0;font-weight:700}
.lg-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.lg-row label{display:grid;gap:4px}
.lg-grant h3{margin:0}
.lg-prose h2{font-family:var(--f-display);font-size:1.2rem;margin:26px 0 8px}
.lg-prose p{line-height:1.65;max-width:none}

/* pratinjau terkunci di /guideline/ */
.gt-member{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:10px;font:500 .8rem/1.4 var(--f-mono);color:rgba(255,255,255,.85);position:relative;z-index:1}
.gt-member a{color:#fff;font-weight:600}
.gt-locked .gt-grid{position:relative}
.gt-dl.gt-lock{background:var(--sunk);border-color:var(--line);color:var(--muted)}
.gt-dl.gt-lock:hover{background:var(--plum-soft);color:var(--plum);border-color:var(--lilac)}
.gt-ghost{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:14px;max-height:300px;overflow:hidden;pointer-events:none;user-select:none}
.gt-ghost::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,245,251,0) 0%,var(--bg) 85%)}
.gt-ghost div{height:230px;border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:18px;display:grid;gap:10px;align-content:start;filter:blur(1.5px)}
.gt-ghost i{display:block;height:12px;border-radius:6px;background:var(--sunk)}
.gt-ghost i:nth-child(1){width:40%}.gt-ghost i:nth-child(2){width:80%;height:16px}.gt-ghost i:nth-child(3){width:95%}.gt-ghost i:nth-child(4){width:70%}.gt-ghost i:nth-child(5){width:55%;height:36px;border-radius:999px;margin-top:18px}
.gt-paywall{position:relative;margin-top:-120px;z-index:2;background:linear-gradient(135deg,#3D1A5E 0%,var(--plum) 60%,#7A4BA8 100%);color:#fff;border-radius:22px;padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 40px;align-items:center;scroll-margin-top:120px}
.gt-paywall .eyebrow{color:#E3D2F7}
.gt-paywall h2{font-family:var(--f-display);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);line-height:1.2;color:#fff}
.gt-paywall p{color:rgba(255,255,255,.88)}
.gt-paywall .gt-pw-lead{margin-top:10px;max-width:52ch}
.gt-pw-divs{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.gt-pw-divs span{font:600 .76rem/1 var(--f-body);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 10px}
.gt-pw-divs b{font-family:var(--f-mono);font-weight:600;opacity:.75;margin-left:4px}
.gt-pw-box{background:rgba(255,255,255,.97);color:var(--ink);border-radius:16px;padding:20px;display:grid;gap:10px}
.gt-pw-box p{color:var(--ink)}
.gt-pw-price{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.gt-pw-price strong{font:400 1.5rem/1 var(--f-display);color:var(--plum)}
.gt-pw-box .btn{justify-content:center;margin-top:4px}
.gt-pw-small{font-size:.85rem;color:var(--muted)!important}
.gt-pw-small a{color:var(--plum);font-weight:600}
@media (max-width:860px){.gt-paywall{grid-template-columns:1fr}.lg-grid2{grid-template-columns:1fr}.lg-stats{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.lg-plans{grid-template-columns:1fr}.gt-ghost{grid-template-columns:1fr;max-height:220px}.gt-paywall{margin-top:-80px}}