/* Guia de uso em português brasileiro, com a identidade do Aula BNCC. */
:root { --guide-ink:#002542; --guide-muted:#5c6b72; --guide-green:#008547; --guide-dark:#015c3a; --guide-line:#dfeae4; --guide-soft:#f4faf7; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-padding-top:106px; }
body { margin:0; background:#fff; color:var(--guide-ink); font:15px/1.7 "Segoe UI",system-ui,sans-serif; }
a { color:var(--guide-dark); text-decoration:none; }
button { font:inherit; cursor:pointer; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #007bc6; outline-offset:4px; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { line-height:1.25; }
h1:focus { outline:none; }
.guide-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.guide-skip { position:fixed; top:-100px; left:20px; z-index:100; padding:12px 20px; background:var(--guide-ink); color:#fff; border-radius:8px; }
.guide-skip:focus { top:12px; }
.guide-header { position:sticky; top:0; z-index:20; min-height:82px; padding:16px max(28px,calc((100% - 1360px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--guide-line); background:rgb(255 255 255 / 97%); backdrop-filter:blur(12px); }
.guide-header img { display:block; width:188px; height:auto; }
.guide-header nav { display:flex; align-items:center; gap:28px; font-size:13px; font-weight:600; }
.guide-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:48px; padding:12px 20px; color:#fff; background:var(--guide-green); border:1px solid var(--guide-green); border-radius:9px; font-size:13px; font-weight:700; line-height:1.5; }
.guide-button:hover { background:var(--guide-dark); border-color:var(--guide-dark); }
.guide-button-small { min-height:42px; padding:10px 17px; }
.guide-button-outline { background:#fff; color:var(--guide-dark); border-color:#b9d9c9; }
.guide-button-outline:hover { background:#e8f5ed; color:var(--guide-dark); border-color:var(--guide-green); }
.guide-menu-toggle { display:none; padding:8px 12px; border:1px solid var(--guide-line); border-radius:8px; background:#fff; color:var(--guide-dark); font-size:12px; font-weight:650; }
.guide-shell { display:grid; grid-template-columns:278px minmax(0,1fr); gap:52px; width:min(1360px,calc(100% - 64px)); margin:28px auto 0; align-items:start; }
.guide-sidebar { position:sticky; top:108px; max-height:calc(100vh - 130px); overflow-y:auto; padding:8px 15px 20px 0; scrollbar-width:thin; }
.guide-sidebar-heading { margin:0 12px 23px; }
.guide-kicker { display:block; color:var(--guide-green); font-size:10px; font-weight:750; letter-spacing:1.1px; text-transform:uppercase; margin-bottom:10px; }
.guide-sidebar h2 { font-size:22px; letter-spacing:-.6px; margin-bottom:5px; }
.guide-sidebar-heading p { color:var(--guide-muted); font-size:12px; }
.guide-progress { margin:0 12px 24px; padding-bottom:22px; border-bottom:1px solid var(--guide-line); }
.guide-progress > div:first-child { display:flex; justify-content:space-between; align-items:center; font-size:12px; }
.guide-progress [data-guide-percent] { color:var(--guide-green); font-weight:750; }
.guide-progress-track { height:5px; margin:11px 0 8px; border-radius:5px; background:#e6efe9; overflow:hidden; }
.guide-progress-track > span { display:block; height:100%; background:var(--guide-green); border-radius:5px; }
.guide-progress p { font-size:11px; color:var(--guide-muted); }
.guide-progress small { display:block; font-size:10px; color:var(--guide-muted); }
.guide-overview-link { display:flex; gap:12px; align-items:center; padding:11px 13px; border:1px solid var(--guide-line); border-radius:9px; font-size:12px; font-weight:650; margin-bottom:15px; }
.guide-overview-link.is-current { color:var(--guide-dark); background:#eaf7f0; border-color:#b6dbc7; }
.guide-module-nav { margin-bottom:8px; }
.guide-module-nav > summary { display:flex; align-items:center; gap:11px; padding:12px; font-size:12px; font-weight:650; cursor:pointer; list-style:none; border:1px solid var(--guide-line); background:#fbfdfc; border-radius:10px; line-height:1.5; }
.guide-module-nav > summary::-webkit-details-marker { display:none; }
.guide-module-number { display:inline-flex; align-items:center; justify-content:center; min-width:27px; height:27px; border:1px solid #c9e6d7; background:#eef9f3; color:var(--guide-dark); border-radius:8px; font-size:11px; font-weight:700; }
.guide-module-nav small { display:none; font-size:10px; color:var(--guide-muted); font-weight:400; }
.guide-enhanced .guide-module-nav small { display:block; }
.guide-module-nav[open] > summary { background:#edf8f2; border-color:#a5cfb9; }
.guide-module-nav.is-complete .guide-module-number { background:var(--guide-green); color:#fff; border-color:var(--guide-green); }
.guide-chevron { margin-left:auto; color:var(--guide-green); }
.guide-module-nav[open] .guide-chevron { transform:rotate(180deg); }
.guide-module-nav ol { list-style:none; padding:6px 0 5px 20px; margin:0; }
.guide-module-nav li a { display:flex; align-items:baseline; gap:9px; padding:9px 12px; border-radius:7px; font-size:11px; color:#526971; line-height:1.55; }
.guide-module-nav li a:hover { color:var(--guide-dark); background:#f0f8f4; }
.guide-module-nav li a.is-current { background:#e5f4ec; color:var(--guide-dark); font-weight:650; }
.guide-lesson-status { color:#577768; flex:0 0 12px; }
.guide-module-nav li a.is-read .guide-lesson-status { color:var(--guide-green); font-weight:750; }
.guide-sidebar-action { display:flex; justify-content:space-between; border-top:1px solid var(--guide-line); margin:20px 12px 0; padding-top:17px; font-size:12px; font-weight:650; }
.guide-main { min-width:0; scroll-margin-top:105px; }
.guide-cover { position:relative; overflow:hidden; border:1px solid #dbece3; border-radius:20px; padding:43px 43px 29px; background:radial-gradient(ellipse at 100% 0,#deeff9,transparent 62%),linear-gradient(125deg,#f1faf5,#fbfdfc); }
.guide-cover h1 { font-size:clamp(29px,2.7vw,41px); line-height:1.19; letter-spacing:-1.4px; margin-bottom:20px; }
.guide-cover h1 em { color:var(--guide-green); font-style:normal; }
.guide-cover > p { max-width:610px; color:var(--guide-muted); font-size:15px; line-height:1.9; margin-bottom:23px; }
.guide-cover-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.guide-cover-actions > span { color:#526c60; font-size:11px; }
.guide-cover-path { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:36px; border-top:1px solid #d8e9df; padding-top:23px; font-size:11px; color:#3a6050; }
.guide-cover-path span { display:flex; align-items:center; gap:9px; }
.guide-cover-path b { font-size:10px; color:var(--guide-green); }
.guide-cover-path i { color:#79a68e; font-style:normal; }
.guide-section-heading { margin:38px 0 23px; }
.guide-section-heading .guide-kicker { margin-bottom:7px; }
.guide-section-heading h2 { font-size:25px; letter-spacing:-.7px; margin-bottom:8px; }
.guide-section-heading p { color:var(--guide-muted); font-size:13px; }
.guide-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.guide-module-card { display:block; color:var(--guide-ink); border:1px solid var(--guide-line); border-radius:13px; padding:23px; transition:border-color .15s,background .15s; }
a.guide-module-card:hover { border-color:#a1cdb6; background:#fbfdfc; }
.guide-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:19px; font-size:10px; color:var(--guide-muted); }
.guide-card-top .guide-module-number { width:36px; height:36px; font-size:13px; border-radius:10px; }
.guide-module-card h3 { font-size:19px; letter-spacing:-.3px; margin-bottom:8px; }
.guide-module-card p { color:var(--guide-muted); font-size:12px; line-height:1.9; }
.guide-card-link { display:flex; justify-content:space-between; color:var(--guide-dark); font-size:11px; font-weight:650; margin-top:22px; }
.guide-practice-card { background:var(--guide-ink); border-color:var(--guide-ink); color:#fff; display:flex; flex-direction:column; justify-content:center; }
.guide-practice-card .guide-kicker { color:#8fe0b4; }
.guide-practice-card h3 { font-size:25px; }
.guide-practice-card p { color:#c8dedb; }
.guide-practice-card > a { align-self:start; margin-top:20px; color:#b1eed0; border-bottom:1px solid #85b8a5; font-size:12px; font-weight:650; }
.guide-overview-note { display:flex; gap:25px; align-items:baseline; border-top:1px solid var(--guide-line); margin-top:30px; padding-top:25px; }
.guide-overview-note strong { font-size:12px; flex:0 0 185px; }
.guide-overview-note p { font-size:12px; line-height:1.9; color:var(--guide-muted); }
.guide-lesson { max-width:870px; margin:0 auto; scroll-margin-top:110px; }
.guide-lesson:not([hidden]) + .guide-lesson:not([hidden]) { margin-top:70px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; color:var(--guide-muted); font-size:11px; margin:8px 0 31px; }
.guide-breadcrumb a:hover { text-decoration:underline; }
.guide-lesson-heading { margin-bottom:28px; }
.guide-lesson-heading h1 { font-size:clamp(29px,2.8vw,40px); letter-spacing:-1.2px; margin-bottom:16px; }
.guide-lesson-heading > p { color:var(--guide-muted); font-size:15px; line-height:1.9; max-width:740px; }
.guide-visual { border:1px solid #d8e8df; background:#f4faf7; border-radius:14px; overflow:hidden; margin:0 0 34px; }
.guide-visual-bar { display:flex; align-items:center; gap:15px; padding:11px 19px; border-bottom:1px solid #dfebe4; background:#fbfdfc; font-size:10px; color:#507160; }
.guide-visual-bar > span { display:flex; gap:4px; }
.guide-visual-bar i { width:5px; height:5px; border-radius:50%; background:#b7d5c5; }
.guide-visual-bar small { margin-left:auto; font-size:9px; color:var(--guide-muted); }
.guide-visual-body { padding:26px; }
.guide-visual h2 { font-size:23px; letter-spacing:-.5px; }
.guide-visual figcaption { padding:11px 19px; border-top:1px solid #dfeae4; font-size:10px; color:var(--guide-muted); background:#fbfdfc; }
.guide-journey { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.guide-journey > div { padding:22px 20px; border:1px solid #d9e9e1; border-radius:10px; background:#fff; }
.guide-journey > div:last-child { background:var(--guide-ink); color:#fff; border-color:var(--guide-ink); }
.guide-journey span { display:block; font-size:9px; font-weight:700; color:var(--guide-green); margin-bottom:16px; }
.guide-journey > div:last-child span { color:#8fe0b4; }
.guide-journey strong { display:block; font-size:21px; letter-spacing:-.5px; line-height:1.25; margin-bottom:15px; }
.guide-journey p { font-size:10px; color:#536c60; }
.guide-journey > div:last-child p { color:#c8dedb; }
.guide-mock-dashboard { display:grid; grid-template-columns:140px 1fr; border:1px solid #dfeae4; border-radius:10px; background:#fff; overflow:hidden; }
.guide-mock-menu { padding:24px 12px; background:#f7fbf9; border-right:1px solid #dfeae4; }
.guide-mock-menu span { display:block; font-size:10px; padding:9px 12px; border-radius:6px; color:#577064; }
.guide-mock-menu .is-active { color:var(--guide-dark); background:#e6f5ed; font-weight:700; }
.guide-mock-dashboard > div:last-child { padding:26px; }
.guide-mock-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
.guide-mock-cards > span { display:block; padding:18px; background:#fff; border:1px solid #dfeae4; border-radius:8px; font-size:10px; color:#526a5f; }
.guide-mock-cards b { display:block; color:var(--guide-ink); font-size:13px; margin-bottom:6px; }
.guide-mock-pill { display:inline-block; padding:5px 10px; border:1px solid #c9e3d6; border-radius:5px; color:var(--guide-dark); font-size:10px; background:#f1faf5; }
.guide-mock-form { padding:25px; border:1px solid #d8e8df; border-radius:10px; background:#fff; }
.guide-mock-form > strong { display:block; font-size:21px; letter-spacing:-.4px; line-height:1.35; }
.guide-mock-form blockquote { margin:18px 0 14px; background:#f7fbf9; padding:19px; border:1px solid #cde4d7; border-radius:8px; font-size:14px; line-height:1.9; color:#395d4c; }
.guide-mock-tags { display:flex; flex-wrap:wrap; gap:7px; }
.guide-mock-tags span { padding:4px 9px; border-radius:5px; font-size:10px; border:1px solid #d5e7dd; color:#416b56; }
.guide-mock-button { display:inline-block; padding:9px 15px; margin-top:19px; background:var(--guide-green); color:#fff; font-size:11px; font-weight:650; border-radius:7px; }
.guide-mock-form > small { display:block; font-size:10px; color:var(--guide-muted); margin-top:8px; }
.guide-mock-form > p { color:var(--guide-muted); font-size:11px; margin-top:18px; }
.guide-mock-skill { display:flex; gap:15px; padding:20px; margin:18px 0; background:#f3faf6; border:1px solid #bdddc9; border-radius:8px; }
.guide-mock-skill > span { color:var(--guide-green); font-weight:750; }
.guide-mock-skill b { font-size:13px; }
.guide-mock-skill p { font-size:11px; color:var(--guide-muted); margin:7px 0 10px; }
.guide-mock-skill div > span { font-size:10px; color:var(--guide-dark); }
.guide-mock-package { background:#fff; border:1px solid #d8e8df; border-radius:10px; padding:24px; }
.guide-mock-package p { color:var(--guide-muted); font-size:12px; margin-top:7px; }
.guide-mock-package ul { list-style:none; padding:0; margin:20px 0; }
.guide-mock-package li { display:flex; align-items:center; gap:10px; border-top:1px solid #e4eee8; padding:10px 0; font-size:12px; font-weight:600; }
.guide-mock-package li > span { color:var(--guide-green); }
.guide-mock-package li small { margin-left:auto; color:var(--guide-muted); font-size:10px; font-weight:400; }
.guide-mock-total { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; border-radius:8px; background:#eaf7f0; padding:15px; font-size:11px; color:var(--guide-dark); }
.guide-mock-status { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:24px; }
.guide-mock-status > span { display:block; padding-left:14px; border-left:2px solid #abd3be; color:#506b5d; font-size:10px; }
.guide-mock-status b { display:block; color:var(--guide-ink); font-size:14px; margin:5px 0; }
.guide-mock-documents { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.guide-mock-documents > div { padding:25px; border:1px solid #d8e8df; background:#fff; border-radius:9px; }
.guide-mock-documents > div:last-child { background:#edf6fd; border-color:#d4e5f2; }
.guide-mock-documents h2 { font-size:21px; }
.guide-mock-documents p { color:var(--guide-muted); font-size:12px; line-height:1.9; margin:13px 0; }
.guide-mock-documents > div > span:last-child { display:inline-block; color:#416b56; font-size:10px; border-bottom:1px solid #bed8ca; margin-top:10px; }
.guide-answer-lines { height:51px; background:repeating-linear-gradient(to bottom,transparent,transparent 15px,#dce8e0 16px,#dce8e0 17px); }
.guide-mock-slide { display:grid; grid-template-columns:1.6fr 1fr; border-radius:10px; overflow:hidden; }
.guide-mock-slide > div { padding:27px; background:radial-gradient(ellipse at 100% 0,#08764b,transparent 70%),var(--guide-ink); color:#fff; }
.guide-mock-slide > div > span { font-size:9px; color:#c7e5d6; text-transform:uppercase; letter-spacing:.7px; }
.guide-mock-slide h2 { font-size:43px; line-height:1.06; margin:18px 0; letter-spacing:-1.5px; }
.guide-mock-slide h2 em { font-style:normal; color:#94dfb4; }
.guide-mock-slide p { color:#c9ded7; font-size:11px; }
.guide-mock-slide aside { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:23px; background:#fff; border:1px solid #dce9e1; border-left:0; border-radius:0 10px 10px 0; font-size:12px; }
.guide-mock-slide aside > span:first-child { color:var(--guide-muted); font-size:10px; }
.guide-mock-slide aside p { color:var(--guide-muted); }
.guide-mock-slide-footer { display:flex; justify-content:space-between; gap:12px; font-size:10px; color:#3b6150; margin-top:14px; }
.guide-mock-poster { display:grid; grid-template-columns:180px 1fr; gap:33px; align-items:center; max-width:620px; margin:auto; }
.guide-mock-poster img { display:block; width:100%; height:auto; border-radius:7px; box-shadow:0 9px 20px #00254215; }
.guide-mock-poster h2 { font-size:27px; line-height:1.3; }
.guide-mock-poster p { color:var(--guide-muted); font-size:12px; margin:15px 0; }
.guide-mock-formats { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:23px; }
.guide-mock-formats span { padding:18px 12px; border:1px solid #dce9e1; border-radius:8px; color:var(--guide-muted); font-size:10px; text-align:center; }
.guide-mock-formats b { display:block; font-size:19px; font-weight:650; color:var(--guide-ink); margin-bottom:8px; }
.guide-mock-week { display:grid; gap:8px; margin-top:20px; }
.guide-mock-week span { display:flex; gap:22px; padding:12px; border:1px solid #dce9e1; background:#f7fbf9; border-radius:7px; font-size:12px; }
.guide-mock-week b { color:var(--guide-dark); font-size:11px; }
.guide-mock-credit { background:var(--guide-ink); padding:29px; border-radius:10px; color:#fff; }
.guide-mock-credit .guide-kicker { color:#9cdebb; }
.guide-mock-credit h2 { font-size:29px; }
.guide-mock-credit > div { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:24px 0; }
.guide-mock-credit > div > span { border:1px solid #477269; padding:14px; border-radius:8px; font-size:10px; color:#bddace; }
.guide-mock-credit b { display:block; color:#fff; font-size:15px; margin-top:5px; }
.guide-mock-credit p { font-size:11px; color:#c8dedb; }
.guide-steps h2,.guide-checklist h2 { font-size:23px; letter-spacing:-.5px; margin-bottom:23px; }
.guide-steps ol { list-style:none; counter-reset:guide-step; padding:0; margin:0; }
.guide-steps li { display:flex; align-items:start; gap:17px; counter-increment:guide-step; padding:0 0 23px; }
.guide-steps li::before { content:counter(guide-step); display:flex; flex:0 0 29px; align-items:center; justify-content:center; height:29px; border-radius:8px; background:#eaf7f0; color:var(--guide-dark); font-size:12px; font-weight:700; margin-top:1px; }
.guide-steps h3 { font-size:15px; line-height:1.5; margin:2px 0 7px; }
.guide-steps p { color:var(--guide-muted); font-size:13px; line-height:1.95; }
.guide-tip { display:flex; gap:17px; border:1px solid #d2e6f3; border-left:3px solid #007bc6; background:#f0f7fc; padding:22px; border-radius:0 10px 10px 0; margin:5px 0 28px; }
.guide-tip > span { color:#007bc6; }
.guide-tip strong { font-size:12px; }
.guide-tip p { color:#486574; font-size:12px; line-height:1.95; margin-top:6px; }
.guide-checklist { margin-bottom:27px; }
.guide-checklist ul { list-style:none; padding:0; margin:0; }
.guide-checklist li { display:flex; gap:12px; padding:8px 0; font-size:13px; color:var(--guide-muted); }
.guide-checklist li span { color:var(--guide-green); font-weight:700; }
.guide-try { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; border-block:1px solid var(--guide-line); padding:24px 0; }
.guide-try strong { font-size:13px; }
.guide-try p { color:var(--guide-muted); font-size:11px; margin-top:5px; }
.guide-lesson-finish { display:flex; align-items:center; flex-wrap:wrap; gap:17px; margin-top:28px; }
.guide-lesson-finish > span { font-size:10px; color:var(--guide-muted); }
.guide-lesson-finish button[aria-pressed="true"] { color:var(--guide-dark); background:#eaf7f0; border-color:#bdddc9; }
.guide-pagination { display:flex; justify-content:space-between; gap:18px; margin:28px auto 0; padding-top:25px; border-top:1px solid var(--guide-line); max-width:870px; }
.guide-pagination a { font-size:12px; font-weight:650; }
.guide-pagination a:hover { text-decoration:underline; }
.guide-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--guide-line); padding:25px 0; margin-top:46px; color:var(--guide-muted); font-size:10px; }
.guide-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.guide-noscript { font-size:12px; color:var(--guide-muted); }
@media (max-width:1150px) {
    .guide-shell { grid-template-columns:245px minmax(0,1fr); gap:32px; }
    .guide-cover { padding:31px; }
    .guide-cover-path { flex-wrap:wrap; gap:14px; }
    .guide-cover-path i { display:none; }
    .guide-journey { gap:8px; }
    .guide-journey > div { padding:18px 13px; }
    .guide-journey strong { font-size:18px; }
    .guide-mock-dashboard { grid-template-columns:110px 1fr; }
    .guide-mock-dashboard > div:last-child { padding:20px; }
}
@media (max-width:900px) {
    .guide-header { min-height:74px; padding:14px 24px; }
    .guide-header img { width:167px; }
    .guide-header nav { gap:12px; }
    .guide-header-extra { display:none; }
    .guide-menu-toggle { display:inline-flex; gap:9px; align-items:center; }
    .guide-shell { display:block; width:min(740px,calc(100% - 48px)); margin-top:25px; }
    .guide-sidebar { position:static; max-height:none; padding:0; margin-bottom:30px; }
    .guide-enhanced .guide-sidebar { display:none; }
    .guide-enhanced.is-menu-open .guide-sidebar { display:block; }
    .guide-sidebar-heading,.guide-progress { margin-inline:0; }
    .guide-sidebar-action { margin-inline:0; }
    .guide-cover h1 { font-size:37px; }
    .guide-cover-path { justify-content:start; gap:20px; }
    .guide-breadcrumb { margin-top:0; }
}
@media (max-width:580px) {
    html { scroll-padding-top:90px; }
    .guide-header { gap:12px; min-height:66px; padding:12px 16px; }
    .guide-header img { width:128px; }
    .guide-header nav { gap:8px; }
    .guide-button-small { min-height:38px; padding:8px 11px; gap:7px; font-size:11px; }
    .guide-menu-toggle { padding:7px 9px; font-size:11px; gap:7px; }
    .guide-shell { width:calc(100% - 32px); margin-top:19px; }
    .guide-main { scroll-margin-top:86px; }
    .guide-cover { padding:27px 23px 22px; border-radius:15px; }
    .guide-cover h1 { font-size:30px; letter-spacing:-1px; }
    .guide-cover > p { font-size:13px; }
    .guide-cover-actions { gap:13px; }
    .guide-cover-path { display:grid; gap:10px; margin-top:24px; padding-top:19px; }
    .guide-section-heading { margin-top:30px; }
    .guide-section-heading h2 { font-size:23px; }
    .guide-module-grid { grid-template-columns:1fr; gap:12px; }
    .guide-module-card { padding:22px; }
    .guide-card-top { margin-bottom:15px; }
    .guide-card-link { margin-top:16px; }
    .guide-overview-note { display:block; }
    .guide-overview-note p { margin-top:8px; }
    .guide-breadcrumb { font-size:10px; margin-bottom:24px; }
    .guide-lesson-heading h1 { font-size:30px; letter-spacing:-.9px; }
    .guide-lesson-heading > p { font-size:13px; }
    .guide-visual-body { padding:16px; }
    .guide-visual-bar { gap:10px; padding:10px 13px; }
    .guide-visual figcaption { padding:10px 13px; font-size:9px; }
    .guide-journey { grid-template-columns:1fr; gap:9px; }
    .guide-journey > div { padding:18px; }
    .guide-journey strong br { display:none; }
    .guide-journey span { margin-bottom:10px; }
    .guide-journey strong { margin-bottom:7px; }
    .guide-mock-dashboard { grid-template-columns:1fr; }
    .guide-mock-menu { display:none; }
    .guide-mock-dashboard h2 { font-size:20px; }
    .guide-mock-cards { grid-template-columns:1fr; gap:9px; }
    .guide-mock-cards > span { padding:15px; }
    .guide-mock-form,.guide-mock-package { padding:19px; }
    .guide-mock-form > strong { font-size:18px; }
    .guide-mock-form blockquote { padding:15px; font-size:12px; }
    .guide-mock-package li { flex-wrap:wrap; gap:8px; }
    .guide-mock-package li small { margin-left:22px; width:100%; }
    .guide-mock-total { display:block; }
    .guide-mock-total span { display:block; margin-top:7px; }
    .guide-mock-status { grid-template-columns:1fr; gap:18px; }
    .guide-mock-documents { grid-template-columns:1fr; gap:12px; }
    .guide-mock-documents > div { padding:19px; }
    .guide-mock-slide { grid-template-columns:1fr; }
    .guide-mock-slide > div { padding:22px; }
    .guide-mock-slide aside { border-left:1px solid #dce9e1; border-top:0; border-radius:0 0 10px 10px; padding:18px; gap:8px; }
    .guide-mock-slide h2 { font-size:39px; }
    .guide-mock-slide-footer { flex-wrap:wrap; }
    .guide-mock-poster { grid-template-columns:1fr; gap:23px; text-align:center; }
    .guide-mock-poster img { width:190px; margin:auto; }
    .guide-mock-poster h2 { font-size:24px; }
    .guide-mock-formats { grid-template-columns:1fr; gap:9px; }
    .guide-mock-formats span { padding:13px; }
    .guide-mock-formats b { margin-bottom:3px; }
    .guide-mock-week span { display:block; }
    .guide-mock-week b { display:block; margin-bottom:4px; }
    .guide-mock-credit { padding:21px; }
    .guide-mock-credit h2 { font-size:25px; }
    .guide-mock-credit > div { grid-template-columns:1fr; gap:9px; }
    .guide-steps h2,.guide-checklist h2 { font-size:22px; }
    .guide-steps li { gap:13px; }
    .guide-steps p { font-size:12px; }
    .guide-tip { padding:19px 16px; gap:12px; }
    .guide-try { gap:16px; }
    .guide-try .guide-button { width:100%; font-size:12px; }
    .guide-lesson-finish { gap:11px; }
    .guide-pagination { gap:12px; }
    .guide-pagination a { font-size:11px; }
    .guide-footer { display:block; margin-top:34px; }
    .guide-footer nav { margin-top:10px; }
}
@media (max-width:360px) {
    .guide-header img { width:110px; }
    .guide-header nav { gap:6px; }
    .guide-menu-toggle { padding:7px; }
    .guide-header .guide-button span,.guide-menu-toggle span { display:none; }
    .guide-cover { padding:23px 18px; }
    .guide-cover h1 { font-size:27px; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }