.nextjs-ssrf-page{--ssrf-bg:#06111f;--ssrf-surface:#0c1b2d;--ssrf-soft:#10243a;--ssrf-line:#24415f;--ssrf-ink:#eff7ff;--ssrf-muted:#b8c9db;--ssrf-cyan:#43d7ff;--ssrf-violet:#9c7cff;--ssrf-green:#48dfaa;--ssrf-amber:#ffbd62;--ssrf-red:#ff7188}
.active-light-mode.nextjs-ssrf-page{--ssrf-bg:#f4f8fc;--ssrf-surface:#fff;--ssrf-soft:#f1f7fc;--ssrf-line:#d5e3ee;--ssrf-ink:#10243a;--ssrf-muted:#50657a}
.nextjs-ssrf-page .blog-hero--article{overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(67,215,255,.16),transparent 34%),radial-gradient(circle at 14% 80%,rgba(156,124,255,.15),transparent 31%),var(--ssrf-bg)}
.nextjs-ssrf-page .blog-hero--article .blog-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:42px;align-items:center}
.nextjs-ssrf-page .blog-breadcrumbs,.nextjs-ssrf-page .blog-eyebrow,.nextjs-ssrf-page .blog-hero h1,.nextjs-ssrf-page .blog-hero__intro,.nextjs-ssrf-page .article-meta{grid-column:1}.nextjs-ssrf-page .blog-hero h1,.nextjs-ssrf-page .blog-hero__intro,.nextjs-ssrf-page .article-meta{color:#fff}.ssrf-hero{grid-column:2;grid-row:1/7;overflow:hidden;margin:0;border:1px solid rgba(117,215,255,.32);border-radius:24px;box-shadow:0 30px 75px rgba(0,0,0,.36)}.ssrf-hero img,.ssrf-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.nextjs-ssrf-page .article-layout{width:min(1120px,calc(100% - 40px));grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:64px}.nextjs-ssrf-page .article-content>p,.nextjs-ssrf-page .article-content>ul,.nextjs-ssrf-page .article-content>ol{color:var(--ssrf-muted)}
.ssrf-audit{margin:28px 0;padding:22px;border:1px solid color-mix(in srgb,var(--ssrf-amber) 45%,var(--ssrf-line));border-radius:18px;background:color-mix(in srgb,var(--ssrf-amber) 8%,var(--ssrf-surface))}.ssrf-audit strong{display:block;margin-bottom:7px;color:var(--ssrf-ink);font-size:1.08rem}.ssrf-audit p{margin:0!important;color:var(--ssrf-muted)}
.ssrf-path{margin:30px 0;padding:25px;border:1px solid var(--ssrf-line);border-radius:20px;background:var(--ssrf-surface)}.ssrf-path h2{margin:0 0 19px!important;font-size:1.35rem!important}.ssrf-path ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.ssrf-path li{position:relative;display:grid;align-content:start;gap:7px;min-width:0;padding:14px 11px;border:1px solid var(--ssrf-line);border-radius:13px;background:var(--ssrf-soft)}.ssrf-path span{color:var(--ssrf-cyan);font-size:.65rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.ssrf-path strong{color:var(--ssrf-ink);font-size:.82rem;line-height:1.35}.ssrf-path em{color:var(--ssrf-green);font-size:.65rem;font-style:normal;font-weight:850;text-transform:uppercase}.ssrf-path .current{border-color:var(--ssrf-cyan);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ssrf-cyan) 12%,transparent)}.ssrf-path .upcoming em{color:var(--ssrf-amber)}
.ssrf-art{overflow:hidden;margin:30px 0;border:1px solid var(--ssrf-line);border-radius:22px;background:#071322;box-shadow:0 20px 50px rgba(7,19,34,.16)}.ssrf-art figcaption{padding:18px 21px;background:var(--ssrf-surface);color:var(--ssrf-muted);font-size:1rem;line-height:1.65}.ssrf-art figcaption strong{color:var(--ssrf-ink)}
.ssrf-diagram{overflow:hidden;margin:28px 0;border:1px solid var(--ssrf-line);border-radius:19px;background:var(--ssrf-surface);box-shadow:0 14px 36px rgba(20,46,79,.07)}.ssrf-diagram figcaption{padding:20px 22px;border-bottom:1px solid var(--ssrf-line);background:linear-gradient(135deg,color-mix(in srgb,var(--ssrf-cyan) 8%,var(--ssrf-surface)),color-mix(in srgb,var(--ssrf-violet) 7%,var(--ssrf-surface)))}.ssrf-diagram figcaption strong,.ssrf-diagram figcaption span{display:block}.ssrf-diagram figcaption strong{margin-bottom:7px;color:var(--ssrf-ink);font-size:1.1rem}.ssrf-diagram figcaption span{max-width:70ch;color:var(--ssrf-muted);font-size:1rem;line-height:1.62}.ssrf-flow{display:flex;align-items:stretch;justify-content:center;gap:10px;padding:23px}.ssrf-flow>span,.ssrf-flow>b,.ssrf-flow>section{display:grid;flex:1;min-width:0;min-height:62px;place-content:center;gap:7px;padding:13px;border:1px solid var(--ssrf-line);border-radius:13px;background:var(--ssrf-soft);color:var(--ssrf-ink);font-size:.92rem;line-height:1.42;text-align:center}.ssrf-flow>i{align-self:center;flex:0 0 auto;color:var(--ssrf-violet);font-size:1.2rem;font-style:normal;font-weight:900}.ssrf-flow>section{flex:1.3}.ssrf-flow section span,.ssrf-flow section b{display:block;padding:7px 8px;border-radius:8px;background:color-mix(in srgb,var(--ssrf-cyan) 8%,var(--ssrf-surface))}.ssrf-flow .safe{border-color:color-mix(in srgb,var(--ssrf-green) 58%,var(--ssrf-line));color:var(--ssrf-green)}.ssrf-flow .danger{border-color:color-mix(in srgb,var(--ssrf-red) 58%,var(--ssrf-line));color:var(--ssrf-red)}.ssrf-flow--stack{display:grid}.ssrf-flow--stack>i{justify-self:center;transform:rotate(90deg)}.ssrf-flow--split{display:grid;grid-template-columns:1fr 1fr}.ssrf-flow--tree{display:grid;grid-template-columns:repeat(3,1fr)}
.ssrf-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.ssrf-card-grid section{min-width:0;padding:21px;border:1px solid var(--ssrf-line);border-radius:17px;background:var(--ssrf-surface)}.ssrf-card-grid h3{margin:0 0 9px;font-size:1.12rem}.ssrf-card-grid p{margin:0;color:var(--ssrf-muted);font-size:1rem;line-height:1.7}.ssrf-table{max-width:100%;overflow-x:auto;margin:25px 0;border:1px solid var(--ssrf-line);border-radius:15px}.ssrf-table table{min-width:760px;margin:0}.ssrf-table th{background:var(--ssrf-soft);color:var(--ssrf-ink)}.ssrf-table th,.ssrf-table td{padding:14px 16px;vertical-align:top}.ssrf-checklist{columns:2;column-gap:34px}.ssrf-checklist li{break-inside:avoid;margin-bottom:10px}.nextjs-ssrf-page .code-block pre{max-width:100%;overflow-x:auto}.ssrf-note{margin:24px 0;padding:19px 21px;border-left:4px solid var(--ssrf-cyan);border-radius:0 14px 14px 0;background:var(--ssrf-soft);color:var(--ssrf-muted)}
@media(max-width:1100px){.ssrf-path ol{grid-template-columns:repeat(4,1fr)}}
@media(max-width:991px){.nextjs-ssrf-page .blog-hero--article .blog-container{grid-template-columns:1fr}.nextjs-ssrf-page .blog-breadcrumbs,.nextjs-ssrf-page .blog-eyebrow,.nextjs-ssrf-page .blog-hero h1,.nextjs-ssrf-page .blog-hero__intro,.nextjs-ssrf-page .article-meta,.ssrf-hero{grid-column:1}.ssrf-hero{grid-row:auto}.nextjs-ssrf-page .article-layout{grid-template-columns:1fr}.nextjs-ssrf-page .article-toc{display:none}}
@media(max-width:767px){.nextjs-ssrf-page .blog-hero--article{padding:102px 0 48px}.nextjs-ssrf-page .article-layout{width:min(100% - 28px,760px)}.ssrf-path{padding:18px}.ssrf-path ol,.ssrf-card-grid,.ssrf-flow--split,.ssrf-flow--tree{grid-template-columns:1fr}.ssrf-flow{flex-direction:column;padding:18px}.ssrf-flow>i{align-self:center;transform:rotate(90deg)}.ssrf-flow>span,.ssrf-flow>b,.ssrf-flow>section{width:100%}.ssrf-diagram figcaption{padding:18px}.ssrf-checklist{columns:1}.ssrf-art,.ssrf-hero{border-radius:16px}}
@media(max-width:420px){.nextjs-ssrf-page .blog-container{width:min(100% - 22px,1180px)}.ssrf-diagram{margin-inline:-2px}.ssrf-diagram figcaption strong{font-size:1.02rem}.ssrf-diagram figcaption span,.ssrf-flow>span,.ssrf-flow>b,.ssrf-flow>section{font-size:.93rem}.ssrf-table table{min-width:660px}}
@media print{.ssrf-diagram,.ssrf-art{break-inside:avoid}.ssrf-hero,.ssrf-art{box-shadow:none}}