/* Shared layout for the crawlable product-writing guides. */
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
.guide-page{min-height:100vh;background:linear-gradient(180deg,#faf9ff 0,#fff 310px);color:#252248}
.guide-header{width:min(1120px,92vw);min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.guide-logo{display:inline-flex;align-items:center;gap:10px;color:#24203f;font-size:1.1rem;font-weight:850;text-decoration:none}.guide-logo-mark{display:block;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(99,54,239,.18))}.guide-logo em{color:#6a3cf3;font-style:normal}
.guide-nav{display:flex;align-items:center;gap:18px}.guide-nav a{color:#5f6082;font-size:.9rem;font-weight:700;text-decoration:none}.guide-nav a:hover,.guide-nav a:focus-visible{color:#6337ea}.guide-nav .guide-nav-cta{padding:10px 14px;border-radius:10px;background:#efeaff;color:#6036de}
.guide-shell{width:min(840px,92vw);margin:0 auto;padding:54px 0 72px}.guide-kicker{margin:0 0 12px;color:#673ce9;font-size:.82rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.guide-article{padding:clamp(24px,5vw,54px);border:1px solid #e7e2fa;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(50,35,110,.09)}
.guide-article h1{max-width:720px;margin:0;color:#211b42;font-size:clamp(2.1rem,6vw,3.55rem);letter-spacing:-.055em;line-height:1.08}.guide-lede{max-width:670px;margin:19px 0 34px;color:#5d6183;font-size:1.13rem;line-height:1.7}.guide-article h2{margin:42px 0 13px;color:#29224b;font-size:clamp(1.35rem,3vw,1.8rem);letter-spacing:-.025em}.guide-article h3{margin:25px 0 8px;color:#342c5d;font-size:1.08rem}.guide-article p,.guide-article li{color:#515778;line-height:1.72}.guide-article ul,.guide-article ol{padding-left:1.3rem}.guide-article li+li{margin-top:7px}.guide-article strong{color:#332c57}.guide-article code{padding:2px 5px;border-radius:5px;background:#f0edff;color:#542cbf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.guide-template{margin:16px 0;padding:18px 19px;border:1px solid #dfd7ff;border-radius:14px;background:#f8f6ff;color:#443b67;overflow:auto;font:.92rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.guide-table{width:100%;margin:18px 0;border-collapse:collapse;font-size:.96rem}.guide-table th,.guide-table td{padding:12px;border:1px solid #e6e1f7;text-align:left;vertical-align:top}.guide-table th{background:#f4f1ff;color:#3d306e}.guide-callout{margin:32px 0 0;padding:21px;border-radius:17px;background:linear-gradient(135deg,#f1ecff,#faf9ff);border:1px solid #dcd1ff}.guide-callout h2{margin:0 0 8px}.guide-callout p{margin:0 0 15px}.guide-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:11px;background:linear-gradient(135deg,#6637f5,#8152fa);box-shadow:0 10px 20px rgba(98,54,236,.2);color:#fff;font-size:.95rem;font-weight:800;text-decoration:none}.guide-related{margin-top:36px;padding-top:26px;border-top:1px solid #e8e4f7}.guide-related h2{margin-top:0}.guide-related ul{display:grid;gap:9px;list-style:none;padding:0}.guide-related a{color:#5c35cd;font-weight:750;text-decoration:none}.guide-related a:hover,.guide-related a:focus-visible{text-decoration:underline}
.guide-footer{width:min(1120px,92vw);margin:0 auto;padding:28px 0 40px;border-top:1px solid #e4def5;color:#6e7190;font-size:.88rem}.guide-footer nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.guide-footer a{color:#61558c;text-decoration:none}.guide-footer a:hover,.guide-footer a:focus-visible{color:#5e35d5}
.guide-shell{position:relative}.guide-shell::before{content:"";position:absolute;z-index:-1;top:2px;right:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(137,95,255,.16),rgba(137,95,255,0) 70%)}.guide-article{position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(50,35,110,.10)}.guide-article::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#683af2,#b29aff,transparent 75%)}.guide-callout{padding:25px;border-radius:19px;background:linear-gradient(135deg,#eee8ff,#fbfaff)}
html[data-theme="dark"] .guide-page{background:linear-gradient(180deg,#0b101a 0,#080d13 310px);color:#eef1fa}html[data-theme="dark"] .guide-logo{color:#f3f5ff}html[data-theme="dark"] .guide-nav a{color:#b8c2d7}html[data-theme="dark"] .guide-nav a:hover,html[data-theme="dark"] .guide-nav a:focus-visible{color:#c7b6ff}html[data-theme="dark"] .guide-nav .guide-nav-cta{background:#21173d;color:#c7b6ff}html[data-theme="dark"] .guide-article{border-color:#293244;background:#111827;box-shadow:0 20px 60px rgba(0,0,0,.26)}html[data-theme="dark"] .guide-article h1,html[data-theme="dark"] .guide-article h2,html[data-theme="dark"] .guide-article h3,html[data-theme="dark"] .guide-article strong{color:#f3f5ff}html[data-theme="dark"] .guide-lede,html[data-theme="dark"] .guide-article p,html[data-theme="dark"] .guide-article li{color:#b8c2d7}html[data-theme="dark"] .guide-article code{background:#21173d;color:#c7b6ff}html[data-theme="dark"] .guide-template{border-color:#37305a;background:#17112b;color:#d8d0ed}html[data-theme="dark"] .guide-table th,html[data-theme="dark"] .guide-table td{border-color:#293244}html[data-theme="dark"] .guide-table th{background:#17112b;color:#e9e4fb}html[data-theme="dark"] .guide-callout{border-color:#37305a;background:linear-gradient(135deg,#1d1942,#111827)}html[data-theme="dark"] .guide-related{border-color:#293244}html[data-theme="dark"] .guide-related a{color:#c7b6ff}html[data-theme="dark"] .guide-footer{border-color:#293244;color:#aeb7ca}html[data-theme="dark"] .guide-footer a{color:#c7b6ff}
@media(max-width:650px){.guide-header{min-height:66px}.guide-nav a:not(.guide-nav-cta){display:none}.guide-shell{padding:29px 0 45px}.guide-article{padding:24px 19px;border-radius:20px}.guide-lede{font-size:1.04rem}.guide-table{display:block;overflow-x:auto}.guide-footer{padding-bottom:28px}}