/* Webfont Embedding Permission landing page only (/tools/licensed-webfont-subset-pack). */

.tp-lwf{--lw-ink:#071b35;--lw-muted:#52647b;--lw-line:#d7e1ee;--lw-blue:#1f5cf0;--lw-soft:#edf4ff;--lw-warn-bg:#fff7e6;--lw-warn-line:#e7b95a;--lw-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.tp-lwf.mt-public{padding-top:clamp(18px,3vw,40px)}

/* hero */
.tp-lwf-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:980px){.tp-lwf-hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,4vw,60px)}}
.tp-lwf-intro{min-width:0}
.tp-lwf-intro h1{margin:10px 0 14px;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere;color:var(--lw-ink)}
.tp-lwf-lede{margin:0 0 18px;color:var(--lw-muted);font-size:1.08rem;line-height:1.6}

/* hero drop zone (shared .wt-drop from tool-drop.css, page-only tweaks) */
.tp-lwf .tp-lwf-drop{max-width:none;margin:0 0 14px}
.tp-lwf-drop .wt-drop-alt a{display:inline-flex;align-items:center;min-height:40px;text-underline-offset:3px}
.tp-lwf-drop input[type=file]:focus-visible+.wt-drop-button{outline:3px solid var(--lw-blue);outline-offset:3px}
.tp-lwf-scope{margin:0 0 10px;color:var(--lw-muted);font-size:.95rem;line-height:1.55}
.tp-lwf-scope a{color:#123f9e;font-weight:750;text-underline-offset:3px}
.tp-lwf-price{margin:0;color:var(--lw-muted);font-size:.95rem;line-height:1.55}
.tp-lwf-price b{color:var(--lw-ink)}
.tp-lwf-price a{color:#123f9e;font-weight:750;text-underline-offset:3px;white-space:nowrap}

/* what you get */
.tp-lwf-card{min-width:0;border:1px solid var(--lw-line);border-radius:18px;background:#fff;padding:clamp(18px,2.4vw,26px);box-shadow:0 18px 40px rgba(7,27,53,.08);scroll-margin-top:90px}
.tp-lwf-card-kicker{margin:0;color:var(--lw-blue);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.tp-lwf-card h2{margin:6px 0 14px;font-size:1.35rem;line-height:1.2;letter-spacing:-.02em}
.tp-lwf-files{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.tp-lwf-files li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 12px;border-radius:10px;background:var(--lw-soft)}
.tp-lwf-files code{font-family:var(--lw-mono);font-size:.9rem;font-weight:700;color:var(--lw-ink);overflow-wrap:anywhere}
.tp-lwf-files span{color:var(--lw-muted);font-size:.9rem}
.tp-lwf-sub{margin:0 0 8px;font-weight:850;font-size:.92rem}
.tp-lwf-cols{margin:0;border:1px solid var(--lw-line);border-radius:12px;overflow:hidden}
.tp-lwf-cols div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 12px;border-top:1px solid var(--lw-line)}
.tp-lwf-cols div:first-child{border-top:0}
@media (min-width:520px){.tp-lwf-cols div{grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:12px}}
.tp-lwf-cols dt{font-family:var(--lw-mono);font-size:.86rem;font-weight:700;color:var(--lw-ink)}
.tp-lwf-cols dd{margin:0;color:var(--lw-muted);font-size:.92rem;line-height:1.45}
.tp-lwf-card-note{margin:14px 0 0;color:var(--lw-muted);font-size:.9rem;line-height:1.5}

.tp-lwf-strip{margin-top:clamp(28px,4vw,48px)}

/* subset guide */
.tp-lwf-section{scroll-margin-top:90px;max-width:980px}
.tp-lwf-section>p{color:var(--lw-muted);line-height:1.65;max-width:780px}
.tp-lwf-section-lede{margin-top:-4px}
.tp-lwf-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0;padding:0;list-style:none;counter-reset:lwstep}
@media (min-width:760px){.tp-lwf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tp-lwf-steps li{counter-increment:lwstep;position:relative;padding:16px 16px 16px 58px;border:1px solid var(--lw-line);border-radius:14px;background:#fff}
.tp-lwf-steps li::before{content:counter(lwstep);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lw-soft);color:var(--lw-blue);font-weight:850;font-size:.9rem}
.tp-lwf-steps h3{margin:2px 0 6px;font-size:1.02rem}
.tp-lwf-steps p{margin:0;color:var(--lw-muted);line-height:1.55}
.tp-lwf-code{margin:0;max-width:100%;overflow-x:auto;padding:16px 18px;border-radius:12px;background:#0b1f3f;color:#e8efff;font-family:var(--lw-mono);font-size:.86rem;line-height:1.6}
.tp-lwf-code code{font:inherit;color:inherit;white-space:pre}

/* context links: keep them apart */
.tp-lwf-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:10px}
.tp-lwf-links a{color:#123f9e;font-weight:750;text-underline-offset:3px}

.tp-lwf a:focus-visible,.tp-lwf summary:focus-visible{outline:3px solid var(--lw-blue);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.tp-lwf *{transition:none !important;scroll-behavior:auto !important}}