/* Readable public guides share Dendrita's blue visual system. */
html{scroll-behavior:smooth}
body{margin:0}
.card .art>img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:15px;box-sizing:border-box}
.seoIntro{padding:64px 0 42px;border-top:1px solid #d8e6f7;margin-top:42px;color:#395a7d}
.seoIntro>div:first-child{max-width:820px}
.seoIntro h2,.guideMain h2{font:650 clamp(24px,3vw,36px)/1.18 system-ui;letter-spacing:-1px;color:#183a63}
.seoIntro h3,.guideMain h3{font:650 17px/1.35 system-ui;color:#244e80;letter-spacing:-.3px}
.seoIntro p,.guideMain p,.privacyMain p{font:14px/1.8 system-ui;color:#54708f;max-width:780px}
.seoFeatures{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}
.seoFeatures article,.guideText aside{background:#ffffffb0;border:1px solid #fff;border-radius:20px;padding:26px;box-shadow:0 8px 28px #2355a408}
.guideSteps{padding:25px 0}
.guideSteps ol{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0}
.guideSteps li{counter-increment:step;border:1px solid #dbe8f7;border-radius:18px;padding:22px;background:linear-gradient(145deg,#fff,#eaf4ff99)}
.guideSteps li:before{content:"0"counter(step);display:inline-block;font:600 12px system-ui;color:#337ed6;border:1px solid #c9def7;border-radius:8px;padding:5px 8px}
.guideSteps p{font-size:13px}
.guideFaq{max-width:900px;margin:24px 0 38px}
.guideFaq details{border-bottom:1px solid #d8e5f5;padding:16px 0}
.guideFaq summary{cursor:pointer;color:#264e80;font:600 14px/1.5 system-ui;padding-right:15px}
.guideFaq details p{margin:12px 0 0}
.catalogfoot a,.guideFooter a{color:#315d94;text-decoration:none}
.guide-page .nav{position:static}
.guide-page .navinner{justify-content:space-between}
.guide-page .navlinks{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:12px}
.guide-page .navlinks a{color:#3a6294;text-decoration:none}
.guide-page .navlinks a.solid{color:#fff;padding:11px 14px}
.languageAnchor{border:1px solid #cedff4;border-radius:9px;padding:8px 10px;background:#fff8}
.guideMain{padding-top:24px}
.breadcrumbs{display:flex;gap:9px;align-items:center;font:11px/1.5 system-ui;color:#7590af;margin:10px 0 30px}
.breadcrumbs a{color:#386dab;text-decoration:none}
.guideHero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;min-height:420px;margin:18px 0 32px}
.guideHero h1{font:650 clamp(36px,4.7vw,66px)/1.06 system-ui;letter-spacing:-.055em;color:#183457;max-width:770px;margin:20px 0}
.guideHero p{font-size:15px;max-width:610px}
.guideCta{display:inline-block;padding:13px 19px;border-radius:12px;text-decoration:none;font:600 13px system-ui;margin:12px 0}
.guideHero small{display:block;font:10px system-ui;color:#7290b1;margin-top:12px}
.guideHero figure{margin:0;padding:20px;border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#ffffffce,#deedff9c);box-shadow:0 18px 60px #3376ba12;transform:rotate(-2deg)}
.guideHero figure img{width:100%;height:auto;display:block}
.guideHero figcaption{font:10px/1.4 system-ui;color:#6888ad;margin:8px 7px}
.guideText{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;padding:25px 0}
.guideText h2{font-size:25px;letter-spacing:-.6px}
.guideText aside h2{font-size:20px}
.guideText aside p{font-size:13px}
.guideExample{max-width:820px;margin:25px 0 40px}
.guideExample table{border-collapse:collapse;width:100%;font:13px/1.6 system-ui;background:#fff9;border-radius:12px;overflow:hidden}
.guideExample th,.guideExample td{padding:12px 18px;text-align:left;border-bottom:1px solid #dce8f6}
.guideExample th{color:#315a8a;font-size:11px}
.guideRelated{padding:22px 0}
.guideRelated>div{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.guideRelated a{color:#2c67ae;text-decoration:none;font:13px system-ui}
.guideRelated>div a{padding:13px;border:1px solid #cfe1f5;border-radius:11px;background:#fff8}
.guideBottom{border-top:1px solid #dce7f5;padding:30px 0 50px}
.guideFooter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-top:1px solid #d9e7f6;font:11px system-ui;color:#6885a5}
.guideFooter .brand{font-size:20px;color:#244d7d;letter-spacing:-1px}
.privacyMain{max-width:900px;padding:45px 0}
.privacyMain h1{font:650 clamp(36px,5vw,58px)/1.1 system-ui;letter-spacing:-2px;color:#193b66}
.privacyMain h2{font:650 21px/1.3 system-ui;color:#2f5684;margin-top:34px}
.privacyMain a{color:#246dd0}
.privacyLead{font-size:19px!important}
.notFound{background:#edf5ff;font-family:system-ui;color:#183d6d;min-height:100vh;display:grid;place-items:center}
.notFound main{max-width:600px;padding:40px}
.notFound a{display:block;margin:18px 0;color:#2563eb}
.liquidHero h1 em{white-space:normal}
@media(max-width:800px){.guideHero{grid-template-columns:1fr;gap:20px}.guideHero figure{max-width:650px;transform:none}.guideHero h1{font-size:44px}.guideText{grid-template-columns:1fr;gap:10px}.guideSteps ol{grid-template-columns:1fr}.seoFeatures{grid-template-columns:1fr}.guideFooter{flex-wrap:wrap}.guide-page .navlinks{gap:10px}.guide-page .navlinks>a:first-child{display:none}.guide-page .navlinks a.solid{font-size:10px;padding:9px}.seoIntro{padding-top:35px}.guideHero{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}