/* URP Import Helper product + docs pages (extends /style.css) */
.urp-hero{background:linear-gradient(135deg,#0B1F3A 0%,#12325e 60%,#1E8BFF 140%);color:#fff;padding:150px 0 70px}
.urp-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;max-width:900px;line-height:1.2}
.urp-hero .eyebrow{color:#8cc4ff}
.urp-hero .lead{color:#dbe7f7;max-width:720px}
.urp-hero .btn.outline{background:transparent;color:#fff;border-color:#fff}
.urp-hero .btn.outline:hover{color:#8cc4ff;border-color:#8cc4ff}
.store-note{font-size:.85rem;color:#b9c9e0;margin-top:10px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.step{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(11,31,58,.1);padding:22px}
.step .num{display:inline-block;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font:800 1rem/34px Montserrat,sans-serif;text-align:center;margin-bottom:8px}
.shot{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(11,31,58,.12)}
.shot img{width:100%;height:auto}
.shot figcaption{padding:10px 14px;font-size:.88rem}
.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.shot.wide{grid-column:1/-1}
.ph-shot{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;aspect-ratio:16/9;border:2px dashed #9fb0cb;border-radius:12px;background:repeating-linear-gradient(45deg,#f7f9fd,#f7f9fd 12px,#eef2f9 12px,#eef2f9 24px);color:#5b6b85;padding:16px}
.ph-shot strong{font-family:Montserrat,sans-serif;color:var(--navy);font-size:1.05rem}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.feat{background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 8px 24px rgba(11,31,58,.08);border-top:4px solid var(--blue)}
.feat p{margin:0;font-size:.95rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.doc-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.site-footer a{color:#8cc4ff}
/* docs */
.docs-page .site-header{position:sticky}
.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;padding-top:110px;padding-bottom:60px}
.docs-side{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;font-size:.9rem;border-right:1px solid #e3e8f0;padding-right:18px}
.docs-side summary{font:800 1rem Montserrat,sans-serif;color:var(--navy);cursor:pointer;list-style:none;margin-bottom:6px}
.docs-side summary::-webkit-details-marker{display:none}
.side-h{font:800 .75rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin:18px 0 6px}
.docs-side ul{list-style:none;margin:0;padding:0}
.docs-side ul ul{padding-left:14px}
.docs-side a{display:block;padding:4px 8px;border-radius:6px;color:var(--text);text-decoration:none}
.docs-side a:hover{background:var(--bg2);color:var(--blue)}
.docs-side a.active{background:var(--blue);color:#fff;font-weight:600}
.docs-main{min-width:0;max-width:820px}
.docs-main h1{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:900}
.docs-main h2{font-size:1.5rem;margin-top:1.8em;padding-top:.4em;border-top:1px solid #e3e8f0}
.docs-main h3{margin-top:1.4em}
.docs-main a{color:var(--blue)}
.docs-main code{background:#eef2f9;padding:1px 6px;border-radius:4px;font-size:.88em}
.docs-main pre{background:#0B1F3A;color:#e6eefb;padding:14px 16px;border-radius:10px;overflow-x:auto}
.docs-main pre code{background:none;padding:0;color:inherit}
.docs-main blockquote{margin:1em 0;padding:10px 18px;border-left:4px solid var(--blue);background:var(--bg2);border-radius:0 8px 8px 0}
.crumbs{font-size:.85rem;color:#8a96aa;margin:0}.crumbs a{color:#8a96aa}
.docs-next{margin-top:40px;padding-top:20px;border-top:1px solid #e3e8f0}
.docs-next .btn{color:var(--navy)}
@media(max-width:900px){.steps,.feat-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}
 .docs-layout{grid-template-columns:1fr;gap:16px;padding-top:96px}
 .docs-side{position:static;max-height:none;border-right:0;border:1px solid #e3e8f0;border-radius:10px;padding:12px 14px;background:var(--bg2)}
 .docs-side details:not([open]) summary::after{content:" ▸"}}
@media(max-width:640px){.steps,.feat-grid,.shot-grid{grid-template-columns:1fr}.urp-hero{padding:110px 0 50px}.docs-layout{padding-top:80px}}