/* Phoenix API uporablja skupno glavo, nogo in barve spletne strani. */
.phoenix-api { color:var(--ink); font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; padding-top:0; }
.phoenix-api *, .phoenix-api *::before, .phoenix-api *::after { box-sizing:border-box; }
.phoenix-api h1, .phoenix-api h2, .phoenix-api h3 { color:var(--ink); font-weight:700; letter-spacing:-.025em; line-height:1.2; margin:0; }
.phoenix-api h1 { font-size:clamp(34px,3.8vw,52px); }
.phoenix-api h1 span { color:var(--blue); }
.phoenix-api h2 { font-size:clamp(27px,2.7vw,36px); margin-bottom:18px; }
.phoenix-api h3 { font-size:21px; margin-bottom:14px; }
.phoenix-api p { margin:0; color:var(--ink-2); }
.phoenix-api .min-eyebrow { color:var(--orange); margin-bottom:18px; font-size:11px; }
.phoenix-api .min-btn { background:var(--blue); border-color:var(--blue); }
.phoenix-api .min-btn:hover { background:#006784; border-color:#006784; }
.phoenix-api a:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.phoenix-api [id] { scroll-margin-top:110px; }
.api-hero { background:linear-gradient(110deg,#f8fbfd,#eaf6fc); border-bottom:1px solid var(--line); padding:60px 0; }
.api-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.phoenix-api .api-lead { font-size:18px; margin-top:24px; max-width:590px; }
.api-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.phoenix-api .api-free { font-size:14px; margin-top:18px; }
.api-free span { color:#16825c; font-weight:700; margin-right:6px; }
.api-example { background:#102b43; border:1px solid #24445c; border-radius:12px; color:#e5f4fc; box-shadow:0 18px 40px #15324716; overflow:hidden; min-width:0; }
.api-example-bar { display:flex; align-items:center; gap:10px; padding:16px 22px; border-bottom:1px solid #29465e; font-size:11px; letter-spacing:.12em; }
.api-code-symbol { color:#80ddf8; font-size:19px; letter-spacing:0; }
.api-version { margin-left:auto; color:#abc3d4; letter-spacing:0; }
.api-request { margin:22px 24px 0; padding-bottom:18px; border-bottom:1px solid #29465e; font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.api-request>span { display:inline-block; color:#8fe4d2; margin-right:8px; font-weight:700; }
.api-example pre { padding:20px 24px; margin:0; color:#e5f4fc; font-size:13px; line-height:1.8; overflow-x:auto; }
.api-json-key { color:#9ccef0; }.api-json-value { color:#8fe4d2; }.api-json-string { color:#f1c69a; }
.api-example>p { border-top:1px solid #29465e; padding:14px 24px; color:#bdcfdc; font-size:11px; line-height:1.6; }
.api-section { padding:72px 0; }.api-tinted { background:var(--paper-2); border-block:1px solid var(--line); }
.api-section-head { max-width:740px; margin-bottom:34px; }
.api-doc-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; }
.api-checks { padding-left:22px; margin:22px 0 0; color:var(--ink-2); font-size:15px; }.api-checks li { padding-left:4px; margin-top:8px; }.api-checks li::marker { color:var(--blue); }
.api-download { background:white; padding:32px; border:1px solid var(--line); border-radius:12px; }
.api-pdf-label { display:inline-block; color:var(--orange); border:1px solid #f2cbb9; background:#fff8f4; font-size:12px; font-weight:700; padding:5px 10px; border-radius:4px; margin-bottom:20px; }
.api-download p { font-size:13px; margin-bottom:24px; }.api-download .min-btn { font-size:14px; }
.phoenix-api .api-inline-link { display:block; color:var(--blue); font-size:13px; font-weight:600; text-underline-offset:4px; margin-top:18px; }
.api-start { background:#123149; }.api-start-grid { display:grid; grid-template-columns:1fr .85fr; gap:100px; }
.api-start h2 { color:#fff; }.api-start p { color:#c8d8e3; }.api-start .min-eyebrow { color:#92dff7; }.api-start .min-btn { margin-top:26px; }
.api-steps { list-style:none; counter-reset:steps; margin:0; padding:0; }.api-steps li { position:relative; counter-increment:steps; padding:0 0 22px 48px; }.api-steps li:last-child { padding-bottom:0; }.api-steps li::before { content:counter(steps,decimal-leading-zero); position:absolute; left:0; top:2px; color:#8dddf4; font-size:12px; font-weight:700; }.api-steps strong { display:block; color:#fff; font-weight:600; }.api-steps span { display:block; color:#bdcedb; font-size:14px; margin-top:5px; }
.api-help-grid { display:flex; align-items:center; justify-content:space-between; gap:48px; }.api-help-grid>div { max-width:740px; }.api-help h2 { font-size:28px; }.api-help .min-btn-ghost { flex-shrink:0; }
@media(max-width:991px) { .api-hero-grid,.api-doc-grid,.api-start-grid { gap:36px; }.api-download { padding:24px; }.api-help-grid { align-items:flex-start; flex-direction:column; gap:24px; } }
@media(max-width:767px) { .phoenix-api { padding-top:0; }.phoenix-api .min-container { padding-inline:24px; }.api-hero { padding:40px 0; }.api-hero-grid,.api-doc-grid,.api-start-grid { grid-template-columns:1fr; }.api-section { padding:48px 0; }.api-hero-grid { gap:32px; }.api-example pre { font-size:12px; }.api-actions .min-btn-lg,.api-actions .min-btn-ghost { padding:12px 18px; font-size:14px; }.api-download .min-btn { width:100%; font-size:13px; justify-content:center; }.api-hero h1 { font-size:38px; }.api-doc-grid { gap:28px; } }