/* JustSigns learning centre — shared front theme, no external assets. */
.learn-page{--learn-border:#2c323c}
.learn-page h1,.learn-page h2,.learn-page h3{letter-spacing:-.035em}
.learn-page main{overflow:clip}.learn-page [hidden]{display:none!important}
.learn-skip{position:fixed;top:-80px;left:16px;z-index:1000;padding:14px 22px;background:var(--brand);color:var(--ink);border-radius:99px}.learn-skip:focus{top:12px}
.learn-page :focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.learn-hero{padding:76px 0 65px;background:radial-gradient(ellipse at 92% 20%,#f7bb270a,transparent 48%)}
.learn-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}
.learn-hero h1{font-size:clamp(38px,4.1vw,61px);line-height:1.08;max-width:730px;margin:22px 0}
.learn-hero h1 em{font-style:normal;color:var(--brand)}
.learn-lead{color:var(--muted);font-size:19px;line-height:1.85;max-width:720px;margin:22px 0 28px}
.learn-actions{display:flex;gap:12px;flex-wrap:wrap}.learn-actions .btn{font-size:17px}
.learn-hero-note{font-size:16px;color:var(--muted);margin-top:27px}.learn-hero-note span,.learn-meta span{color:var(--brand);margin:0 12px}
.learn-kicker{font:12px/1.5 var(--mono,'JetBrains Mono',monospace);letter-spacing:.12em;color:var(--brand)}
.learn-demo{position:relative;overflow:hidden;border:1px solid var(--learn-border);border-radius:24px;padding:23px;background:linear-gradient(145deg,#181c22,#101216);box-shadow:0 20px 65px #0002;min-width:0}
.learn-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.learn-demo-count{font:12px monospace;color:var(--muted)}
.learn-monitor{border:1px solid #323845;border-radius:15px;padding:12px;background:#0b0d11}
.learn-monitor-top{display:flex;gap:6px;align-items:center;font:12px monospace;letter-spacing:.04em;color:var(--muted);margin-bottom:12px}.learn-monitor-top i{width:5px;height:5px;border-radius:50%;background:var(--brand)}.learn-monitor-top span:last-child{margin-left:auto}
.learn-screen{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.75;border-radius:9px;background:var(--brand);color:#191407;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.learn-screen small,.learn-screen-bottom{font:12px monospace;letter-spacing:.12em;z-index:1}.learn-screen strong{font:800 clamp(28px,2.5vw,43px)/1.06 'Nunito',sans-serif;letter-spacing:-.05em;z-index:1}.learn-screen-disc{position:absolute;width:180px;height:180px;border:25px solid #0000000c;border-radius:50%;right:-65px;bottom:-85px;transition:transform 1s}
.learn-demo[data-index='1'] .learn-screen-disc,.learn-demo[data-index='3'] .learn-screen-disc{transform:translate(-36px,-18px) scale(1.15)}
.learn-track-list>div{display:flex;align-items:center;gap:15px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:12px}.learn-track-list>div:last-child{border:0}.learn-track-list>div span:first-child{color:var(--brand);font-family:monospace}.learn-track-list>div span:last-child{margin-left:auto;color:var(--muted)}.learn-track-list b{font-weight:500}
.learn-demo-caption{margin:20px 0 15px;min-height:70px}.learn-demo-caption strong{font-size:18px;display:block;line-height:1.5}.learn-demo-caption p{font-size:14px;line-height:1.7;color:var(--muted);margin:6px 0 0}
.learn-demo-controls{display:flex;gap:8px;flex-wrap:wrap}.learn-demo button{font:600 14px 'Plus Jakarta Sans',sans-serif;color:var(--fg);border:1px solid #39404c;border-radius:99px;background:#101216;cursor:pointer;padding:10px 15px;min-height:38px}.learn-demo button:hover{border-color:var(--brand)}.learn-demo [data-play]{background:var(--brand);color:var(--ink);border-color:var(--brand)}
.learn-demo-stages{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.learn-demo-stages button{padding:0;width:36px;height:36px;min-height:36px;font:12px monospace}.learn-demo-stages button[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:#f7bb2712}
.learn-demo-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff05}.learn-demo-progress span{display:block;width:20%;height:100%;background:var(--brand);transition:width .6s}
.learn-start{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:27px;padding-bottom:27px}.learn-start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:22px}.learn-start-grid a{display:flex;align-items:center;gap:12px;font-size:17px}.learn-start-grid a>span{width:35px;height:35px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--brand);font:12px monospace;flex-shrink:0}.learn-start-grid b{font-weight:600}.learn-start-grid i{font-style:normal;color:var(--muted);margin-left:auto}
.learn-library{padding-top:90px;padding-bottom:75px;scroll-margin-top:100px}.learn-library-head{display:flex;gap:35px;align-items:flex-end;justify-content:space-between}.learn-library-head h2,.learn-related h2{font-size:36px;margin:15px 0 0}.learn-search{min-width:275px;max-width:100%;width:320px}.learn-search label{display:block;font-size:16px;margin-bottom:10px;color:var(--muted)}.learn-search input{width:100%;background:var(--ink-2);border:1px solid var(--line-2);border-radius:99px;height:48px;padding:0 20px;font:17px 'Plus Jakarta Sans',sans-serif;color:var(--fg)}.learn-search-status{font-size:16px;color:var(--muted);min-height:20px;margin:18px 0 0}
.learn-group{margin-top:30px}.learn-group-title{font:16px 'JetBrains Mono',monospace!important;letter-spacing:.035em!important;color:var(--muted);margin:0 0 17px}.learn-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.learn-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--ink-2);transition:transform .2s,border-color .2s;min-width:0}.learn-card:hover{transform:translateY(-3px);border-color:#9c7b2b}.learn-icon{display:grid;place-items:center;color:var(--brand);width:40px;height:40px;background:#f7bb270e;border:1px solid #f7bb2726;border-radius:12px;font-size:22px;margin-bottom:23px}.learn-card h3{font-size:20px;margin:0 0 10px}.learn-card p{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 24px}.learn-card-link{margin-top:auto;font-size:14px;font-weight:600;display:flex;justify-content:space-between;width:100%}.learn-card-link span{color:var(--brand)}
.learn-callout{margin-top:48px;padding:30px;border:1px solid #f7bb273f;border-radius:20px;background:linear-gradient(110deg,#f7bb270a,transparent);display:flex;gap:22px;align-items:flex-start}.learn-callout .learn-icon{flex-shrink:0;margin:0}.learn-callout h3{font-size:23px;margin:0 0 10px}.learn-callout p{font-size:18px;line-height:1.8;color:var(--muted);max-width:900px}.learn-callout a{font-size:17px;color:var(--brand);display:inline-block;margin-top:16px}
.learn-article-hero{padding-top:37px;padding-bottom:45px}.learn-breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:16px;margin-bottom:50px;flex-wrap:wrap}.learn-breadcrumb a:hover{color:var(--brand)}.learn-article-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.1;margin:22px 0 0;max-width:1000px}.learn-article-hero .learn-lead{margin-bottom:22px}.learn-meta{font-size:14px;color:var(--muted)}
.learn-article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px;align-items:start;padding-bottom:75px}.learn-toc{position:sticky;top:110px;border-top:1px solid var(--line);padding-top:22px}.learn-toc>p{font:12px monospace;letter-spacing:.12em;color:var(--muted);margin:0 0 17px}.learn-toc nav a{display:flex;align-items:baseline;gap:10px;padding:12px 0;font-size:16px;line-height:1.7;color:var(--muted)}.learn-toc nav a span{font:12px monospace;color:var(--brand)}.learn-toc nav a:hover{color:var(--fg)}.learn-all{display:block;padding-top:25px;margin-top:15px;border-top:1px solid var(--line);font-size:16px}
.learn-overview{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;margin-bottom:38px}.learn-before h2{font-size:26px;line-height:1.2;margin:15px 0}.learn-before p{font-size:17px;line-height:1.9;color:var(--muted)}.learn-before .btn{margin-top:20px;font-size:14px;min-height:44px;padding:10px 18px}
.learn-step{display:flex;gap:24px;padding:31px 0;border-top:1px solid var(--line);scroll-margin-top:105px}.learn-step-number{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;color:var(--brand);font:14px monospace;flex-shrink:0}.learn-step h2{font-size:24px;margin:6px 0 14px;line-height:1.3}.learn-step p{font-size:18px;line-height:1.95;color:var(--muted);max-width:770px;margin:0}.learn-step:target .learn-step-number{border-color:var(--brand);background:#f7bb2710}
.learn-related{padding-top:45px;border-top:1px solid var(--line)}.learn-related h2{margin-bottom:25px}.learn-related .learn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-related .learn-card{padding:22px}.learn-support{margin-top:35px;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:16px}.learn-support p{color:var(--muted);margin:0}.learn-support a{color:var(--brand)}
.learn-role-map{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px}.learn-role-map>div{border:1px solid var(--line-2);border-radius:13px;padding:17px 12px;min-width:0;background:#0b0d11}.learn-role-map small{display:block;color:var(--brand);font:12px/1.6 monospace;letter-spacing:.05em}.learn-role-map b{display:block;font-size:18px;line-height:1.4;margin:18px 0 8px}.learn-role-map div>span{color:var(--muted);font-size:12px;line-height:1.7;display:block}.learn-connector{color:var(--brand);text-align:center}.learn-role-map .learn-premium{grid-column:1/-1;margin-top:8px;background:#f7bb270a;border-color:#f7bb2744}.learn-role-map .learn-premium b{margin-top:8px}
.learn-calendar{padding:17px;background:#0b0d11;border:1px solid var(--line-2);border-radius:14px}.learn-calendar-head{font:12px monospace;color:var(--brand);letter-spacing:.05em}.learn-calendar-head b{display:block;font:600 25px 'Nunito',sans-serif;color:var(--fg);margin:20px 0}.learn-time-row{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:12px}.learn-time-row>span{color:var(--muted)}.learn-time-row b{padding:13px 9px;border-radius:6px;border-left:2px solid var(--brand);background:#f7bb2710;flex:1;font-weight:500}.learn-bars{display:flex;gap:4px;margin-top:20px}.learn-bars i{height:6px;border-radius:3px;flex:1;background:var(--brand)}.learn-bars i:nth-child(3){background:#5d6471}
.learn-records{padding:18px;background:#0b0d11;border:1px solid var(--line-2);border-radius:14px}.learn-record-title{display:flex;align-items:center;justify-content:space-between;font:700 26px 'Nunito',sans-serif;margin:10px 0 25px}.learn-orbit{color:var(--brand);font-size:37px}.learn-record{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:18px 0;font-size:16px}.learn-record b{font-weight:500;flex:1}.learn-record-number{font:12px monospace;color:var(--brand)}.learn-record>span:last-child{color:var(--muted)}
.learn-listing-art{background:#0b0d11;border:1px solid var(--line-2);border-radius:14px;padding:13px}.learn-city{height:175px;position:relative;overflow:hidden;display:flex;align-items:flex-end;gap:8px;background:radial-gradient(circle at 75% 20%,#f7bb2718,transparent 65%);border-radius:8px}.learn-city>i{width:21%;height:58%;background:repeating-linear-gradient(0deg,transparent 0 14px,#171c23 14px 18px),repeating-linear-gradient(90deg,#282f3a 0 8px,#171c23 8px 14px);border:1px solid #343d49}.learn-city>i:nth-child(2){height:88%}.learn-city>i:nth-child(4){height:75%}.learn-billboard{position:absolute;left:18%;top:24%;padding:15px 28px;background:var(--brand);color:var(--ink);border:5px solid #333b46;border-radius:6px;font:900 28px/.98 'Nunito',sans-serif;box-shadow:0 15px 50px #0008;transform:rotate(-3deg);transition:transform .7s}.learn-demo[data-index='2'] .learn-billboard{transform:rotate(2deg)}.learn-listing-meta{padding:16px 3px}.learn-listing-meta b{display:block;font-size:18px}.learn-listing-meta span{display:block;margin-top:7px;font-size:12px;color:var(--muted)}.learn-mini-route{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.learn-mini-route i{color:var(--brand)}
@media(min-width:1600px){.learn-page .wrap{max-width:1320px}}
@media(max-width:1100px){.learn-hero-grid{gap:35px}.learn-article-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.learn-overview{grid-template-columns:1fr}.learn-before{padding:5px 0 15px}.learn-hero .learn-demo{padding:18px}.learn-start-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.learn-hero{padding:40px 0}.learn-hero-grid{grid-template-columns:1fr;gap:35px}.learn-hero h1{font-size:42px}.learn-hero .learn-demo{max-width:480px;width:100%;margin:auto}.learn-lead{font-size:18px}.learn-library{padding-top:55px}.learn-library-head{align-items:stretch;flex-direction:column;gap:25px}.learn-search{width:100%;min-width:0}.learn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-article-layout{display:block}.learn-toc{position:static;padding:18px;border:1px solid var(--line);border-radius:15px;margin-bottom:28px}.learn-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.learn-toc nav a{padding:7px 0}.learn-all{margin-top:10px;padding-top:15px}.learn-article-hero{padding-top:25px;padding-bottom:30px}.learn-breadcrumb{margin-bottom:30px}.learn-overview{grid-template-columns:minmax(0,1fr)}.learn-overview .learn-demo{max-width:500px;width:100%;margin:auto}.learn-step{gap:15px}.learn-step h2{font-size:22px}.learn-step-number{width:35px;height:35px}.learn-callout{padding:23px;gap:16px}.learn-support{flex-direction:column;gap:10px}}
@media(max-width:450px){.learn-hero h1{font-size:36px}.learn-hero-grid{gap:28px}.learn-hero .learn-actions .btn{width:100%}.learn-start-grid{grid-template-columns:1fr;gap:17px}.learn-card-grid,.learn-related .learn-card-grid{grid-template-columns:1fr}.learn-card{padding:23px}.learn-library-head h2{font-size:30px}.learn-toc nav{grid-template-columns:1fr}.learn-callout{display:block}.learn-callout .learn-icon{margin-bottom:20px}.learn-demo{padding:17px;border-radius:18px}.learn-screen{padding:18px}.learn-screen strong{font-size:31px}.learn-monitor-top{font-size:12px}.learn-step{gap:12px}.learn-step h2{font-size:20px}.learn-step p{font-size:17px}.learn-role-map{grid-template-columns:1fr 16px 1fr;gap:5px}.learn-role-map b{font-size:16px}.learn-role-map>div{padding:13px 9px}.learn-role-map small{font-size:12px}.learn-meta{line-height:1.8}.learn-demo-caption{min-height:85px}}
@media(prefers-reduced-motion:reduce){.learn-page *, .learn-page *::before,.learn-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Stage-specific illustrations. */
.learn-pair-example{position:absolute;inset:0;z-index:3;background:#f7bb27;display:none;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;gap:16px}.learn-pair-example span{font:12px/1.6 monospace;letter-spacing:.05em}.learn-pair-example b{font:700 36px 'JetBrains Mono',monospace;letter-spacing:.05em}.learn-demo[data-kind=display][data-index='0'] .learn-pair-example{display:flex}
.learn-role-map>div,.learn-time-row b,.learn-record,.learn-track-list>div{transition:background .5s,border-color .5s,color .5s}
.learn-demo[data-kind=orders][data-index='0'] .learn-role-map>div:first-child,.learn-demo[data-kind=orders][data-index='1'] .learn-role-map>div:nth-child(3),.learn-demo[data-kind=orders][data-index='2'] .learn-role-map .learn-premium{background:#f7bb2720;border-color:var(--brand)}
.learn-demo[data-index='0'] .learn-time-row:nth-child(2) b,.learn-demo[data-index='1'] .learn-time-row:nth-child(3) b,.learn-demo[data-index='2'] .learn-time-row:nth-child(4) b{background:#f7bb2725}
.learn-demo[data-index='0'] .learn-record:nth-child(2),.learn-demo[data-index='1'] .learn-record:nth-child(3),.learn-demo[data-index='2'] .learn-record:nth-child(4){color:var(--brand)}
.learn-demo[data-index='1'] .learn-track-list>div:first-child,.learn-demo[data-index='2'] .learn-track-list>div:nth-child(2),.learn-demo[data-index='3'] .learn-track-list>div:nth-child(3){background:#f7bb2710}
/* Brief explanations of provider bookings, advertiser bookings and premium ads. */
.learn-ad-overview{margin-top:52px;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:100px}
.learn-ad-overview h2{font-size:clamp(27px,3vw,37px);margin:16px 0;line-height:1.2}
.learn-ad-intro{font-size:18px;line-height:1.9;color:var(--muted);max-width:880px;margin:0 0 26px}
.learn-ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.learn-ad-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--line-2);border-radius:20px;background:var(--ink-2)}
.learn-ad-card:last-child{border-color:#f7bb2760;background:linear-gradient(145deg,#f7bb270d,var(--ink-2))}
.learn-ad-card .learn-kicker{line-height:1.9;min-height:38px;letter-spacing:.06em}
.learn-ad-card h3{font-size:24px;line-height:1.25;margin:14px 0 18px}
.learn-ad-card p{font-size:17px;line-height:1.9;color:var(--muted)}
.learn-ad-card .learn-ad-example{margin:22px 0;padding-top:17px;border-top:1px solid var(--line);color:var(--fg);font-size:16px}
.learn-ad-card a{margin-top:auto;color:var(--brand);font-size:16px;padding-top:8px}
.learn-ad-footnote{font-size:16px;line-height:1.9;color:var(--muted);margin:20px 0 0}
.learn-ad-brief{border:1px solid #f7bb2745;border-radius:18px;background:linear-gradient(110deg,#f7bb2708,transparent);padding:27px;margin:0 0 35px;scroll-margin-top:100px}
.learn-ad-brief h2{font-size:25px;line-height:1.3;margin:13px 0 16px}
.learn-ad-brief p{font-size:18px;line-height:1.95;color:var(--muted);margin:12px 0}
.learn-ad-brief a{display:inline-block;color:var(--brand);font-size:16px;margin-top:14px}
@media(max-width:900px){.learn-ad-grid{grid-template-columns:1fr}.learn-ad-card .learn-kicker{min-height:0}.learn-ad-card h3{margin-top:10px}.learn-ad-card{padding:23px}}
@media(max-width:450px){.learn-ad-brief{padding:20px}.learn-ad-brief h2{font-size:22px}.learn-ad-brief p{font-size:17px}.learn-ad-card{padding:21px}}
.learn-ads-jump{display:inline-block;margin-top:18px;font-size:16px;color:var(--brand)}

/* Updated buying routes and order destinations. */
.learn-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-order-map{margin-top:60px;padding-top:42px;border-top:1px solid var(--line)}
.learn-order-map h2{font-size:clamp(27px,3vw,37px);line-height:1.25;margin:16px 0}
.learn-order-map>p{color:var(--muted);font-size:18px;line-height:1.85;max-width:900px}
.learn-order-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.learn-order-map-grid>a{display:grid;grid-template-columns:1fr auto;gap:10px 16px;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--surface,#101216);text-decoration:none;transition:border-color .2s}
.learn-order-map-grid>a:hover{border-color:var(--brand)}
.learn-order-map-grid strong{color:var(--brand);font-size:18px}.learn-order-map-grid span{grid-column:1;font-size:18px;line-height:1.8;color:var(--muted)}.learn-order-map-grid b{grid-column:2;grid-row:1;color:var(--brand)}
.learn-guide-ui-help{padding-top:14px;border-top:1px solid var(--line);font-size:17px!important}
@media(max-width:700px){.learn-ad-grid,.learn-order-map-grid{grid-template-columns:1fr}.learn-order-map-grid>a{padding:20px}}

/* Schedule flow reference tables */
.learn-step>div{min-width:0}.learn-step-details{margin-top:22px}.learn-reference-table{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface,#101216)}
.learn-reference-table table{width:100%;border-collapse:collapse;text-align:left;font-size:18px;line-height:1.8}.learn-reference-table th,.learn-reference-table td{padding:17px 20px;vertical-align:top;border-bottom:1px solid var(--line)}.learn-reference-table thead th{color:var(--brand);font-size:16px;letter-spacing:.04em;background:#f7bb2709}.learn-reference-table tbody th{width:32%;font-weight:600;color:var(--text,#f1f2f4)}.learn-reference-table td{color:var(--muted)}.learn-reference-table tbody tr:last-child>*{border-bottom:0}
.learn-step .learn-example-note{font-size:17px;line-height:1.85;padding:17px 20px;margin:18px 0 0;border-left:2px solid var(--brand);background:#f7bb2708;border-radius:0 10px 10px 0}
@media(max-width:600px){.learn-reference-table th,.learn-reference-table td{padding:12px;font-size:16px;overflow-wrap:anywhere}.learn-reference-table tbody th{width:38%}.learn-step .learn-example-note{padding:14px;font-size:16px}}

/* Readable guide typography */
.learn-page{font-size:17px}
.learn-article-layout{grid-template-columns:260px minmax(0,1fr);gap:40px}
.learn-toc{max-height:calc(100dvh - 135px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:10px}
.learn-toc nav a{font-size:16px;line-height:1.65;padding:12px 0;color:#b6c2d2}
.learn-toc nav a span{font-size:12px;flex-shrink:0}
.learn-step p,.learn-before p,.learn-ad-brief p,.learn-ad-intro{line-height:1.85}
.learn-step h2{font-size:27px}.learn-demo-caption strong{font-size:18px}
.learn-demo button{min-height:44px}.learn-demo-stages button{width:40px;height:40px;min-height:40px}
.learn-demo-top{flex-wrap:wrap}.learn-screen{min-height:205px;aspect-ratio:auto;gap:16px}
.learn-screen small,.learn-screen-bottom,.learn-monitor-top{line-height:1.5;overflow-wrap:anywhere}
.learn-track-list>div{flex-wrap:wrap}.learn-track-list b{min-width:0;overflow-wrap:anywhere}
.learn-role-map b,.learn-role-map div>span,.learn-record b,.learn-time-row b{overflow-wrap:anywhere}
.learn-role-map{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
.learn-mini-route{flex-wrap:wrap;line-height:1.7}.learn-record{flex-wrap:wrap}
.learn-page .eyebrow{font-size:13px}.learn-page main .btn{font-size:16px}
@media(max-width:1100px){.learn-article-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}}
@media(max-width:760px){.learn-toc{max-height:none;overflow:visible;padding:18px}.learn-toc nav a{font-size:16px}.learn-step h2{font-size:24px}.learn-role-map{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}}
@media(max-width:450px){.learn-step{display:block}.learn-step-number{margin-bottom:16px}.learn-step h2{font-size:23px}.learn-step p{font-size:17px}.learn-demo{padding:16px}.learn-role-map{grid-template-columns:1fr}.learn-role-map .learn-connector{transform:rotate(90deg)}.learn-time-row{gap:8px}.learn-time-row b{padding:12px 8px}.learn-reference-table th,.learn-reference-table td{font-size:16px;padding:11px 9px}.learn-reference-table tbody th{width:38%}.learn-step .learn-example-note{font-size:16px}.learn-screen strong{font-size:30px}}