.content-main{min-height:70vh}.resource-hero{padding-block:90px 64px;border-bottom:1px solid var(--line)}.resource-hero h1{max-width:880px;margin:0;font-size:clamp(46px,7vw,78px);line-height:1;letter-spacing:-.055em}.resource-hero>p:last-child{max-width:720px;margin:26px 0 0;color:var(--dim);font-size:19px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-block:64px 112px}.resource-card{display:grid;min-height:260px;align-content:space-between;padding:32px;border:1px solid var(--line-strong);border-radius:var(--r);background:#fff;transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(29,29,31,.08)}.resource-card span,.doc-label{color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.resource-card h2{max-width:520px;margin:28px 0 10px;font-size:30px;line-height:1.1;letter-spacing:-.035em}.resource-card p{margin:0;color:var(--dim)}.resource-card strong{margin-top:30px}.tool-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;padding-block:72px 112px}.tool-copy h1{margin:0;font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.05em}.tool-copy>p{color:var(--dim);font-size:18px}.tool-panel{align-self:start;padding:30px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--elev)}.tool-form{display:grid;gap:20px}.tool-field{display:grid;gap:8px}.tool-field label{font-weight:700}.tool-field input,.tool-field select,.tool-field textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font:16px var(--font)}.tool-field textarea{min-height:100px;resize:vertical}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}.tool-result{display:grid;gap:12px;margin-top:24px}.tool-result[hidden]{display:none}.idea-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.idea-card span{color:var(--accent-dark);font-size:11px;font-weight:700;text-transform:uppercase}.idea-card h3{margin:7px 0 5px;font-size:19px}.idea-card p{margin:0;color:var(--dim)}.doc-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:72px;padding-block:72px 112px}.doc-content{min-width:0}.doc-nav{position:sticky;top:110px;align-self:start;display:grid;gap:10px}.doc-nav a{color:var(--dim);font-size:14px}.doc-nav a:hover{color:var(--accent-dark)}.doc-content h1{margin:0;font-size:clamp(42px,6vw,66px);line-height:1;letter-spacing:-.05em}.doc-content h2{margin:64px 0 14px;font-size:30px;letter-spacing:-.03em}.doc-content h3{margin:32px 0 10px}.doc-content p,.doc-content li{color:var(--dim)}.doc-content code{padding:2px 6px;border-radius:5px;background:var(--elev);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.code-block{overflow:auto;margin:18px 0;padding:20px;border-radius:12px;background:var(--ink);color:#f4f4f5;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.endpoint-table{width:100%;border-collapse:collapse}.endpoint-table th,.endpoint-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.endpoint-table th{font-size:12px;text-transform:uppercase}.method{color:var(--accent-dark);font-weight:700}.notice{padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:var(--elev)}.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-block:64px 112px;border:1px solid var(--line);background:var(--line)}.term{padding:26px;background:#fff}.term h2{margin:0 0 8px;font-size:21px}.term p{margin:0;color:var(--dim)}.blog-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding-block:64px 112px}.blog-card{display:grid;align-content:end;min-height:330px;padding:30px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--elev)}.blog-card:first-child{grid-row:span 2;min-height:680px;background:var(--ink);color:#fff}.blog-card span{color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase}.blog-card h2{margin:12px 0 10px;font-size:32px;line-height:1.08;letter-spacing:-.035em}.blog-card:first-child h2{font-size:46px}.blog-card p{margin:0;color:var(--dim)}.blog-card:first-child p{color:#b8b8bf}.article{max-width:760px;padding-block:80px 112px}.article h1{margin:0;font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-.05em}.article .lede{margin:26px 0 0;color:var(--dim);font-size:21px}.article h2{margin:58px 0 16px;font-size:32px;letter-spacing:-.03em}.article p,.article li{color:var(--dim);font-size:17px;line-height:1.75}.article aside{margin:34px 0;padding:22px;border:1px solid var(--line-strong);border-radius:12px;background:var(--elev)}
@media(max-width:820px){.resource-grid,.tool-layout,.doc-layout,.blog-grid{grid-template-columns:1fr}.doc-nav{position:static;display:flex;overflow:auto;padding-bottom:12px}.glossary-grid{grid-template-columns:1fr 1fr}.blog-card:first-child{grid-row:auto;min-height:430px}.tool-copy{max-width:700px}}
@media(max-width:560px){.resource-hero{padding-block:64px 44px}.resource-grid{grid-template-columns:1fr;padding-block:42px 80px}.tool-layout,.doc-layout{padding-block:52px 80px}.tool-panel{padding:20px}.glossary-grid{grid-template-columns:1fr}.endpoint-table{font-size:13px}.blog-card:first-child{min-height:400px}.blog-card:first-child h2{font-size:36px}}