/* Shared tutorial layouts. Gold belongs to Bitmap; the Tutorials hub stays neutral. */
.learn-page{--learn-accent:#edf0f5;margin:0;background:#0d0f12;color:#eef1f5;font-family:Inter,system-ui,sans-serif;line-height:1.65}
.learn-page *,.bitmap-guide-links *{box-sizing:border-box}.learn-bitmap{--learn-accent:#f0cd7c}
.learn-width{width:calc(100% - 88px);max-width:1180px;margin-inline:auto}
.learn-staging{margin-top:30px;padding:12px 16px;border:1px solid #ffffff24;border-radius:9px;font-size:14px;line-height:1.6;color:#b5bdc9}
.learn-skip{position:absolute;top:-100px;left:20px;z-index:100;background:#f3f5f8;color:#15181d;padding:12px 18px;border-radius:6px}.learn-skip:focus{top:15px}
.learn-page main a,.learn-footer a{color:inherit;text-underline-offset:4px}.learn-page main a:hover,.learn-footer a:hover{color:var(--learn-accent)}
.learn-page a:focus-visible,.learn-page summary:focus-visible,.bitmap-guide-links a:focus-visible{outline:2px solid var(--learn-accent,#f0cd7c);outline-offset:5px;border-radius:5px}
.learn-hero{padding:54px 0 48px}.learn-eyebrow{color:#aeb7c6;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;margin:0 0 15px}.learn-bitmap .learn-eyebrow{color:#e4c783}
.learn-hero h1{font-size:clamp(38px,5.3vw,64px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;font-weight:600}.learn-hero>p:not(.learn-eyebrow),.learn-product-hero>div>p:not(.learn-eyebrow){font-size:19px;color:#b5becb;max-width:660px;line-height:1.75;margin:0}
.learn-section-title{margin-bottom:24px}.learn-section-title h2{font-size:28px;line-height:1.3;letter-spacing:-.025em;margin:0 0 9px;font-weight:600}.learn-section-title p{margin:0;font-size:16px;color:#aeb7c5}
.learn-section{padding-top:56px}.learn-product-card{display:flex;align-items:center;gap:26px;padding:30px;border:1px solid #ffffff29;border-radius:16px;background:#16191f;text-decoration:none;transition:background .15s,border-color .15s}.learn-product-card img{object-fit:contain;border-radius:18px;flex-shrink:0}.learn-product-card>div{flex:1}.learn-product-card h3{margin:5px 0 8px;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.35}.learn-product-card p{color:#b5bdca;font-size:16px;line-height:1.7;margin:0}.learn-product-card .learn-eyebrow{font-size:12px}.learn-product-cta{display:flex;gap:16px;align-items:center;font-size:15px;font-weight:500;white-space:nowrap}.learn-product-card:hover{background:#1c2027;border-color:#ffffff55}
.learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learn-card{display:flex;flex-direction:column;padding:26px;border:1px solid #ffffff24;border-radius:14px;background:#15181d;text-decoration:none;transition:background .15s,border-color .15s}.learn-card-top{display:flex;justify-content:space-between;gap:15px;color:#aeb8c8;font-size:13px}.learn-card-top>span:first-child{color:var(--learn-accent)}.learn-card h3{font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:1.35;margin:28px 0 13px}.learn-card p{font-size:16px;color:#b5becb;line-height:1.75;margin:0 0 28px}.learn-card-action{display:flex;justify-content:space-between;align-items:center;color:var(--learn-accent);font-size:15px;font-weight:500;margin-top:auto}.learn-card:hover{border-color:#ffffff59;background:#1b1f26}.learn-bitmap .learn-card:hover{border-color:#f0cd7c80}
.learn-support-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0;border-top:1px solid #ffffff24;margin:58px 0 64px}.learn-support-strip h2{font-size:23px;margin:0 0 6px;line-height:1.4;letter-spacing:-.02em;font-weight:600}.learn-support-strip p{font-size:16px;color:#aeb7c5;margin:0}.learn-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--learn-accent);border-radius:8px;padding:12px 18px;min-height:46px;background:var(--learn-accent);color:#14171c!important;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap}.learn-button:hover{filter:brightness(1.08)}.learn-button-secondary{background:transparent;color:#e3e8f0!important;border-color:#ffffff40}.learn-button-secondary:hover{background:#ffffff09;border-color:#ffffff75}
.learn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.6;color:#aeb7c5;padding-top:28px}.learn-breadcrumb a{text-decoration:none}.learn-breadcrumb a:hover{text-decoration:underline}.learn-breadcrumb [aria-current]{color:#e5e9f0}
.learn-product-hero{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:40px}.learn-product-hero>div{max-width:800px}.learn-product-hero>img{width:144px;height:144px;object-fit:contain;flex-shrink:0;border-radius:28px}.learn-product-hero .learn-button{margin-top:26px}.learn-product-hero h1{font-size:clamp(36px,4.8vw,57px)}.learn-requirements{display:flex;flex-wrap:wrap;gap:10px 30px;padding:20px 0;border-block:1px solid #ffffff24;color:#b8c0cd;font-size:15px}
.learn-footer{display:grid;grid-template-columns:1fr auto;gap:24px;padding:32px 0;border-top:1px solid #ffffff24}.learn-footer strong{font-size:18px;font-weight:600}.learn-footer p{margin:4px 0 0;font-size:14px;color:#aeb7c5}.learn-footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:14px 24px;font-size:14px}.learn-footer .learn-small{grid-column:1/-1;font-size:13px}
.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:64px;margin:34px 0 80px}.guide-sidebar{align-self:start;position:sticky;top:24px}.guide-product{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4}.guide-product img{border-radius:9px}.guide-product small{display:block;color:#aeb7c5;font-size:13px;font-weight:400;margin-top:4px}.guide-desktop-nav,.guide-mobile-nav nav{display:grid;gap:6px;margin-top:25px}.guide-desktop-nav a,.guide-mobile-nav nav a{display:flex;align-items:baseline;gap:12px;padding:10px 13px;font-size:15px;text-decoration:none;border-radius:7px;color:#b7c0ce}.guide-desktop-nav a span,.guide-mobile-nav nav a span{font-size:12px;color:#9da8bb}.guide-desktop-nav a[aria-current],.guide-mobile-nav nav a[aria-current]{color:#f0cd7c;background:#f0cd7c0d;border-left:2px solid #f0cd7c;padding-left:11px}.guide-desktop-nav a:hover,.guide-mobile-nav nav a:hover{background:#ffffff08}.guide-back-product{display:block;font-size:14px;margin:24px 13px 0;color:#aeb7c5!important;text-decoration:none}.guide-back-product:hover{text-decoration:underline}.guide-mobile-nav{display:none}
.guide-heading{padding-bottom:30px;border-bottom:1px solid #ffffff24;margin-bottom:30px}.guide-heading h1{font-size:clamp(36px,4.3vw,52px);line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:0 0 20px}.guide-heading>p:not(.learn-eyebrow){font-size:19px;color:#b8c1ce;line-height:1.75;margin:0 0 18px}.guide-updated{color:#9eabbe;font-size:13px}.guide-article{min-width:0;max-width:820px}.guide-article>section{margin:36px 0;scroll-margin-top:28px}.guide-article h2{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:-.02em;margin:0 0 18px}.guide-article p,.guide-article li{font-size:17px;line-height:1.85;color:#c0c8d5}.guide-article p{margin:14px 0}.guide-article strong{font-weight:600;color:#eef1f6}.guide-article ol,.guide-article ul{padding-left:23px;margin:16px 0}.guide-article li{padding-left:5px;margin:12px 0}.guide-article li::marker{color:#d7bd81}.guide-article a{color:#f0cd7c!important}.guide-article a:hover{color:#ffe1a1!important}.guide-article .guide-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px}.guide-step-number{color:#f0cd7c;font-size:14px;border-top:1px solid #f0cd7c88;padding-top:7px;line-height:1.5}.guide-onpage{background:#15191f;border:1px solid #ffffff24;border-radius:11px;padding:20px 23px;margin-bottom:30px}.guide-onpage>strong{font-size:14px;font-weight:500;color:#dae0eb}.guide-onpage>div{display:flex;flex-wrap:wrap;gap:8px 23px;margin-top:11px}.guide-onpage a{font-size:14px;line-height:1.6;text-decoration:none}.guide-onpage a:hover{text-decoration:underline}
.guide-callout{margin:28px 0;padding:22px 24px;background:#f0cd7c07;border:1px solid #f0cd7c25;border-left:3px solid #e6c274;border-radius:9px}.guide-callout>strong{font-size:16px;font-weight:600}.guide-callout p{font-size:16px;line-height:1.8;margin:9px 0 0}.guide-flow{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #ffffff24;border-radius:12px;background:#15181e;margin:30px 0}.guide-flow>div{flex:1;min-width:0}.guide-flow>div>span{display:block;font-size:11px;letter-spacing:.06em;color:#aeb7c5}.guide-flow strong{display:block;font-size:15px;margin-top:5px}.guide-flow>span{color:#f0cd7c}.guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px;padding-top:28px;border-top:1px solid #ffffff24}.guide-pagination a{display:block;border:1px solid #ffffff24;border-radius:9px;padding:18px;text-decoration:none;background:#15181d}.guide-pagination a:hover{border-color:#f0cd7c80}.guide-pagination small{display:block;color:#aeb7c5;font-size:12px}.guide-pagination strong{display:block;font-size:16px;font-weight:500;margin-top:5px}.guide-pagination a:last-child{text-align:right}
.bitmap-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.bitmap-guide-links>a{display:flex;flex-direction:column;text-decoration:none;padding:26px;border:1px solid #ffffff29;border-radius:13px;background:#15171c;color:#eef1f5}.bitmap-guide-links>a>span{font-size:12px;letter-spacing:.06em;color:#dbbf80}.bitmap-guide-links h3{font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.025em;margin:22px 0 13px}.bitmap-guide-links p{font-size:16px;line-height:1.75;color:#b1bac8;margin:0 0 26px}.bitmap-guide-links strong{font-size:15px;color:#f0cd7c;font-weight:500;margin-top:auto}.bitmap-guide-links>a:hover{border-color:#f0cd7c88;background:#1b1d22}
@media(max-width:1050px){.guide-layout{grid-template-columns:205px minmax(0,1fr);gap:36px}.learn-cards{gap:16px}.learn-card{padding:22px}.learn-product-card{gap:20px}.learn-product-cta{font-size:14px}.learn-footer{grid-template-columns:1fr}.bitmap-guide-links{gap:16px}.bitmap-guide-links>a{padding:22px}}
@media(max-width:820px){.learn-width{width:calc(100% - 48px)}.guide-layout{grid-template-columns:1fr;gap:32px}.guide-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:22px;border-bottom:1px solid #ffffff24}.guide-desktop-nav{display:none}.guide-mobile-nav{display:block}.guide-mobile-nav summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:46px;border:1px solid #ffffff35;border-radius:8px;padding:10px 14px;font-size:15px}.guide-mobile-nav summary::-webkit-details-marker{display:none}.guide-mobile-nav nav{margin:8px 0 0;border:1px solid #ffffff24;border-radius:9px;padding:8px;background:#15181e}.guide-back-product{margin:0;font-size:14px}.learn-product-card{flex-wrap:wrap}.learn-product-card>div{flex-basis:60%}.learn-product-cta{margin-left:108px}.learn-cards,.bitmap-guide-links{grid-template-columns:1fr}.learn-card h3{margin-top:18px}.learn-card p{margin-bottom:22px}.learn-product-hero{gap:30px}.learn-product-hero>img{width:104px;height:104px;border-radius:20px}.learn-support-strip{align-items:start;flex-direction:column;gap:20px}.learn-footer{gap:22px}.learn-hero{padding-block:40px}}
@media(max-width:540px){.learn-width{width:calc(100% - 40px)}.learn-staging{margin-top:22px;font-size:13px}.learn-hero h1{font-size:43px}.learn-hero>p:not(.learn-eyebrow),.learn-product-hero>div>p:not(.learn-eyebrow){font-size:17px}.learn-section-title h2{font-size:25px}.learn-section-title p{font-size:16px}.learn-product-card{padding:22px;gap:18px}.learn-product-card img{width:64px;height:64px;border-radius:13px}.learn-product-card>div{flex-basis:100%}.learn-product-cta{margin-left:0}.learn-product-card h3{font-size:25px}.learn-card h3{font-size:24px}.learn-section{padding-top:40px}.learn-product-hero{flex-direction:column-reverse;align-items:start;gap:24px;padding-bottom:32px}.learn-product-hero>img{width:76px;height:76px;border-radius:16px}.learn-product-hero h1{font-size:38px}.learn-product-hero h1 br{display:none}.learn-requirements{font-size:14px;gap:9px 20px}.learn-breadcrumb{font-size:13px;gap:8px;padding-top:24px}.guide-layout{margin-top:26px;margin-bottom:50px}.guide-heading h1{font-size:38px}.guide-heading>p:not(.learn-eyebrow){font-size:18px}.guide-article h2{font-size:24px}.guide-article p,.guide-article li{font-size:16px;line-height:1.85}.guide-article .guide-step{grid-template-columns:1fr;gap:12px}.guide-step-number{width:36px}.guide-callout{padding:19px 20px}.guide-onpage{padding:18px 20px}.guide-onpage>div{display:grid;gap:10px}.guide-pagination{grid-template-columns:1fr;gap:12px}.guide-pagination a:last-child{text-align:left}.guide-flow{flex-direction:column;align-items:stretch;gap:11px}.guide-flow>span{transform:rotate(90deg);align-self:center}.learn-support-strip{margin-top:40px;margin-bottom:42px}.learn-footer nav{gap:15px 21px}.learn-footer .learn-small{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.learn-card,.learn-product-card{transition:none}}
@media print{.lcs-site-header,.learn-staging,.guide-sidebar,.guide-onpage,.learn-footer,.guide-pagination{display:none}.learn-page{background:white;color:black}.guide-layout{display:block}.learn-width{width:100%;max-width:none}.guide-article{max-width:none}.guide-article p,.guide-article li,.guide-article strong{color:black}.guide-callout{break-inside:avoid}.guide-step{break-inside:avoid}}