*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-hover);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(43px,4.6vw,68px);font-weight:650}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(32px,3.3vw,46px);font-weight:620}h3{font-size:24px;font-weight:620;letter-spacing:-.03em}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.header{max-width:1320px;margin:auto;padding:23px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.03em;line-height:1.3}.brand small{display:block;color:var(--text-secondary);font-size:10px;letter-spacing:.04em;font-weight:400;margin-top:3px}.logo{width:39px;height:39px;display:inline-grid;place-items:center;background:var(--accent);color:white;border-radius:11px;font-size:27px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 19%, transparent)}.header nav{display:flex;gap:26px;font-size:13px;color:var(--text-secondary)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--accent);color:var(--surface);border-radius:7px;padding:15px 22px;font-size:14px;font-weight:600;box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 8%, transparent);transition:background .2s,transform .2s}.button:hover{color:var(--surface);background:var(--accent-hover);transform:translateY(-2px)}.button.small{padding:11px 16px;font-size:12px}.secondary{color:var(--accent);background:var(--accent-light);box-shadow:none}.secondary:hover{background:var(--accent-light);color:var(--accent)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding-top:100px;padding-bottom:90px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin-bottom:20px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle}.intro{color:var(--text-secondary);font-size:17px;line-height:1.8;max-width:490px;margin-top:25px}.actions{display:flex;align-items:center;gap:27px;margin-top:30px}.text-link{font-size:13px;font-weight:650}.micro{font-size:11px;color:var(--text-secondary);margin-top:16px}.hero-note{margin-top:34px;font-size:11px;color:var(--text-secondary)}.hero-note span{color:var(--accent);margin-right:8px}.preview{background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 25px 70px color-mix(in srgb, var(--accent) 7%, transparent),0 0 0 14px color-mix(in srgb, var(--accent-light) 35%, var(--surface));transform:rotate(-1deg)}.preview-top{padding:15px 19px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.mini-logo{color:var(--accent);font-size:20px}.demo{margin-left:auto;font-size:7px;letter-spacing:.09em;color:var(--muted);font-weight:500}.preview-body{padding:25px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.preview-heading .eyebrow{font-size:8px;margin-bottom:8px}.preview-heading h2{font-size:24px;letter-spacing:-.03em}.file-icon{font-size:25px;color:var(--accent);background:var(--accent-light);border-radius:9px;padding:4px 13px}.filter{display:flex;justify-content:space-between;font-size:10px;padding-bottom:13px;color:var(--text-secondary)}.filter span:last-child{padding:3px 9px;border:1px solid var(--border);border-radius:4px}.invoice-row{display:flex;align-items:center;gap:11px;border-top:1px solid var(--border);padding:14px 0;font-size:11px}.check{background:var(--accent-light);color:var(--accent);border-radius:4px;width:17px;height:17px;display:grid;place-items:center;font-size:10px}.invoice-row b{font-weight:550}.invoice-row small,.zip small{display:block;font-size:9px;color:var(--text-secondary);margin-top:2px}.badge{margin-left:auto;color:var(--muted);font-size:8px;padding:3px 6px;border:1px solid var(--border);border-radius:4px}.zip{background:color-mix(in srgb, var(--accent-light) 35%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--surface));padding:15px 12px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:11px;margin-top:11px}.zip-icon{font-size:23px;color:var(--accent)}.zip>span:last-child{margin-left:auto;color:var(--accent);font-size:20px}.preview-bottom{padding:12px 25px;background:var(--surface-2);border-top:1px solid var(--border);font-size:9px;color:var(--text-secondary);border-radius:0 0 13px 13px}.benefits{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.benefit-inner{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:24px;font-size:12px;color:var(--text-secondary)}.benefit-inner span:before{content:'✓';color:var(--accent);margin-right:10px}.section{padding-top:90px;padding-bottom:90px}.section-head{margin-bottom:38px}.section-head .eyebrow{margin-bottom:15px}.section-head>p:last-child{color:var(--text-secondary);margin-top:19px;font-size:15px;max-width:510px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.feature{border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--surface)}.featured{background:var(--surface-2)}.feature-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--accent-light);color:var(--accent);font-size:23px;border-radius:9px;margin-bottom:25px}.feature .eyebrow{font-size:8px;margin-bottom:10px}.feature h3{font-size:23px}.feature p:not(.eyebrow){font-size:13px;color:var(--text-secondary);margin-top:16px;line-height:1.8}.feature .text-link{display:inline-block;margin-top:20px;color:var(--accent)}.tag{display:inline-block;font-size:10px;color:var(--accent);background:color-mix(in srgb, var(--accent-light) 35%, var(--surface));border-radius:4px;padding:4px 8px;margin-top:25px}.flow{display:flex;align-items:center;gap:9px;margin-top:27px;font-size:10px;color:var(--accent)}.flow span{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--surface));background:white;padding:7px 13px;border-radius:5px}.flow i{font-style:normal;color:var(--muted)}.use-case{background:color-mix(in srgb, var(--accent) 40%, var(--text));color:white}.use-inner{padding-top:66px;padding-bottom:66px}.use-inner>.eyebrow{color:var(--accent-light)}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.use-grid span{color:var(--accent-light);font-size:9px;letter-spacing:.12em}.use-grid h3{font-size:19px;margin-top:14px}.use-grid p{font-size:13px;color:color-mix(in srgb, var(--accent-light) 70%, var(--surface));margin-top:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--border);padding-top:23px}.number{color:var(--accent);font-size:13px;font-weight:600}.steps h3{margin-top:20px;font-size:22px}.steps p{font-size:13px;color:var(--text-secondary);margin-top:15px}.steps .text-link{display:inline-block;margin-top:16px;color:var(--accent)}.pricing{background:var(--surface-2);border-block:1px solid var(--border)}.pricing .section-head{text-align:center}.pricing .section-head>p:last-child{margin-inline:auto}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:870px;margin:auto}.plan{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:34px}.plan .eyebrow{margin-bottom:13px}.plan h3{font-size:22px}.price{font-size:48px;letter-spacing:-.05em;font-weight:650;margin-top:23px;line-height:1.3}.price span{font-size:13px;color:var(--text-secondary);font-weight:400;letter-spacing:0}.plan>p:not(.eyebrow){font-size:13px;color:var(--text-secondary);margin-top:10px;min-height:42px}.plan ul{list-style:none;padding:0;margin:23px 0 30px;min-height:158px;font-size:13px}.plan li{padding:5px 0}.plan li:before{content:'✓';color:var(--accent);padding-right:10px}.plan .button{width:100%;font-size:12px;gap:5px}.plan>small{display:block;text-align:center;margin-top:13px;color:var(--text-secondary);font-size:10px}.pro{border:1.5px solid var(--accent);box-shadow:0 10px 25px color-mix(in srgb, var(--accent) 4%, transparent)}.pro-label{position:absolute;top:-12px;right:22px;background:var(--accent);color:white;font-size:8px;letter-spacing:.09em;padding:5px 10px;border-radius:4px}.pricing-note{text-align:center;font-size:11px;color:var(--text-secondary);margin-top:26px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq h2{margin-bottom:25px}.faq .text-link{color:var(--accent)}details{border-bottom:1px solid var(--border);padding:21px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--accent);font-size:20px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--text-secondary);margin-top:13px;max-width:470px}details a{color:var(--accent);text-decoration:underline}.closing{text-align:center;background:color-mix(in srgb, var(--accent-light) 35%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--surface));border-radius:16px;padding:50px 20px;margin-bottom:70px}.closing .logo{margin-bottom:23px}.closing h2{font-size:38px}.closing p{margin-top:18px;color:var(--text-secondary);font-size:14px}.closing .button{margin-top:26px}footer{border-top:1px solid var(--border);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-top:40px;padding-bottom:45px}footer h2{font-size:9px;letter-spacing:.12em;margin:7px 0 17px;color:var(--text-secondary)}footer>div>a:not(.brand){display:block;font-size:12px;margin-top:11px}footer p{font-size:12px;color:var(--text-secondary);margin-top:16px}footer small{font-size:10px;color:var(--text-secondary)}.skip{position:absolute;top:-100px;left:15px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:35px}.header nav{gap:16px}.header{padding-inline:25px}.wrap{width:calc(100% - 50px)}.feature-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.flow{max-width:350px}.hero{padding-top:70px}.faq{gap:40px}}@media(max-width:720px){.header{flex-wrap:wrap;padding:17px 20px;gap:18px}.header nav{order:3;width:100%;justify-content:space-between;font-size:12px}.brand{font-size:13px}.logo{width:33px;height:33px}.button.small{padding:10px;font-size:10px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:48px;gap:45px}.hero-copy{max-width:530px}h1{font-size:46px}.intro{font-size:15px}.preview{margin:0 9px;transform:none}.benefit-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:10px}.section{padding-block:58px}.feature-grid,.steps,.use-grid,.plans,.faq{grid-template-columns:1fr}.featured{grid-column:auto}.feature{padding:25px}.use-grid{gap:30px}.use-inner{padding-block:50px}.use-inner h2{font-size:32px}.steps{gap:27px}.steps h3{margin-top:12px}.plans{gap:27px}.plan ul{min-height:0}.plan>p:not(.eyebrow){min-height:0}.faq{gap:32px}.closing{padding:38px 20px;margin-bottom:45px}.closing h2{font-size:30px}footer{grid-template-columns:repeat(3,1fr);gap:25px}footer>div:first-child{grid-column:1/-1}.actions{gap:20px}.button{padding:14px 18px}.text-link{font-size:12px}.hero-note{margin-top:25px}.demo{font-size:6px}.preview-body{padding:20px}.pricing-note{line-height:1.9}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Reuse the existing app brand asset without recoloring or decorative backgrounds. */
.logo{object-fit:contain;background:transparent;box-shadow:none;border-radius:0;flex-shrink:0}.mini-logo{object-fit:contain;flex-shrink:0}
.header nav a[aria-current="page"]{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:7px}
@media(min-width:721px){.section>.feature-grid>.featured{grid-column:auto}}
.page-title{font-size:clamp(32px,3.3vw,46px);font-weight:620}
/* Shared with invoice-web: warm neutral surfaces and teal brand accents. */
.header{background:var(--surface)}.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:linear-gradient(180deg,color-mix(in srgb, var(--accent-light) 35%, var(--surface)) 0%,var(--bg) 85%);pointer-events:none}.pricing{background:var(--surface-2)}
/* Readability and clearer page hierarchy. */
.brand small,.micro,.hero-note,.pricing-note,footer small,.plan>small{font-size:12px}
.header nav{font-size:14px;gap:20px}.button.small{font-size:13px}
.eyebrow,.feature .eyebrow,.use-grid span{font-size:11px}
.intro{font-size:18px}.feature p:not(.eyebrow),.steps p,.use-grid p,details p,.plan>p:not(.eyebrow),.plan ul{font-size:15px}
.text-link,.plan .button{font-size:14px}.feature .tag{font-size:12px}
.preview-top{font-size:14px}.demo{font-size:10px}.preview-heading .eyebrow{font-size:10px}
.filter,.invoice-row,.zip{font-size:13px}.invoice-row small,.zip small,.preview-bottom{font-size:12px}.badge{font-size:11px}
.detailed-features{grid-template-columns:1fr 1fr}.detailed-features .feature h2{font-size:25px}.detailed-features .featured{grid-column:auto}
.closing-compact{display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left;padding:30px 34px;margin-bottom:50px}
.closing-compact h2{font-size:25px}.closing-compact p{margin-top:10px}.closing-compact .button{margin-top:0;flex-shrink:0}
@media(max-width:1000px){.header{gap:16px}.header nav{gap:14px}.header .button.small{font-size:12px}.brand{font-size:14px}}
@media(max-width:720px){.header nav{gap:10px;font-size:13px;flex-wrap:wrap}.header .button.small{font-size:11px}.intro{font-size:16px}.detailed-features{grid-template-columns:1fr}.closing-compact{flex-direction:column;align-items:flex-start;padding:26px 22px}.demo{font-size:9px}.preview-heading h2{font-size:21px}.preview-top{padding-inline:12px}.preview-body{padding:16px}.micro{line-height:1.7}.actions{flex-wrap:wrap}.pro-label{font-size:10px}}
/* Make the free-batch benefit readable before the installation action. */
.value-line{font-size:15px;color:var(--text-secondary);margin-top:20px;line-height:1.6}.value-line strong{color:var(--accent);font-weight:650}.pricing .section-head>p:last-child{max-width:660px}.plan ul{min-height:185px}.plan{display:flex;flex-direction:column}.plan .button{margin-top:auto}.plan>small{margin-top:13px}.hero .intro{max-width:530px}
@media(max-width:720px){.plan ul{min-height:0}.value-line{font-size:14px}.hero .intro{font-size:16px}}
/* Typography: sentence case, a consistent system font, and readable supporting text. */
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3{text-wrap:balance}h1{font-weight:700;letter-spacing:-.04em;line-height:1.12}h2,.page-title{font-weight:650;letter-spacing:-.035em;line-height:1.2}h3{font-weight:650;letter-spacing:-.02em;line-height:1.3}
.eyebrow,.feature .eyebrow,.preview-heading .eyebrow,.use-grid span,.pro-label,footer h2{font-size:12px;font-weight:600;letter-spacing:.035em;text-transform:none}
.demo{font-size:11px;font-weight:500;letter-spacing:.02em}.pro-label{font-size:11px}
.feature p:not(.eyebrow),.steps p,.use-grid p,details p,.plan>p:not(.eyebrow),.plan ul{font-size:15px;line-height:1.75}
.button,.button.small,.plan .button,.header nav,.text-link,summary{font-size:14px;line-height:1.5}
.brand{letter-spacing:-.02em}.brand small{letter-spacing:0;line-height:1.5}
footer>div>a:not(.brand),footer p{font-size:13px}footer small,.plan>small,.pricing-note,.hero-note{font-size:12px;line-height:1.7}
.price{font-variant-numeric:tabular-nums;line-height:1.2}.plan>small{max-width:310px;margin-inline:auto}
@media(max-width:720px){h1{font-size:40px}.page-title{font-size:32px}.header nav{font-size:13px}.header .button.small{font-size:12px}.brand{font-size:13px}.intro{font-size:16px;line-height:1.75}.eyebrow,.feature .eyebrow,.preview-heading .eyebrow,.use-grid span{font-size:11px}.demo{font-size:10px}.pro-label{font-size:10px}.preview-top{flex-wrap:wrap;row-gap:4px}.demo{margin-left:auto}.actions{gap:18px}}
/* Homepage closing headline: sentence case with a distinct benefit line. */
.closing .closing-title{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--text)}.closing-title>span{display:block}.closing-title .closing-title-benefit{color:var(--accent)}
@media(max-width:720px){.closing .closing-title{font-size:28px}}
/* Original 2048px brand image: crop its wide whitespace visually, without changing the asset. */
.logo-frame{display:inline-block;overflow:hidden;vertical-align:middle;flex-shrink:0;background:var(--surface);border-radius:8px;line-height:0}
.logo-frame img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.65);transform-origin:50% 43%}
.brand .logo-frame{width:44px;height:44px}.preview-top .mini-logo{width:28px;height:28px}
.closing:not(.closing-compact)>.logo-frame{width:88px;height:88px;margin-bottom:24px;border-radius:12px}
@media(max-width:720px){.brand .logo-frame{width:38px;height:38px}.closing:not(.closing-compact)>.logo-frame{width:72px;height:72px}}
/* Static export illustration: document content rather than simulated controls. */
.preview .demo{max-width:190px;text-align:right;line-height:1.5;color:var(--text-secondary)}
.export-example-context{padding:0 0 20px}.example-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.export-example-context h3{font-size:20px;letter-spacing:-.02em;line-height:1.3}.export-example-context>p:not(.example-label){font-size:12px;color:var(--text-secondary);margin-top:7px}.export-example-context .example-alternative{padding-top:9px;line-height:1.6}
.document-icon{font-size:23px;color:var(--accent);width:24px;flex-shrink:0;text-align:center}.preview .badge{border:0;background:var(--surface-2);border-radius:3px}.preview-bottom p{font-size:12px;line-height:1.6;margin-bottom:8px}.preview-bottom .text-link{color:var(--accent);font-size:13px}.preview .zip-icon{flex-shrink:0}
@media(max-width:720px){.preview .demo{font-size:10px;max-width:150px}.export-example-context h3{font-size:19px}.preview-heading{margin-bottom:20px}}
/* Real product imagery replaces the simulated export UI. */
.hero-with-screenshot{display:block;text-align:center;padding-top:65px;padding-bottom:45px}.hero-with-screenshot .hero-copy{max-width:850px;margin-inline:auto}.hero-with-screenshot h1{font-size:clamp(40px,4.5vw,62px)}.hero-with-screenshot .intro{max-width:700px;margin-inline:auto}.hero-with-screenshot .actions{justify-content:center}.hero-with-screenshot .hero-note{margin-top:22px}
.product-screenshot{padding-top:25px;padding-bottom:55px}.product-screenshot .section-head{margin-bottom:26px}.product-screenshot h2{font-size:clamp(28px,3vw,38px)}.product-screenshot .section-head>p:last-child{max-width:720px}.product-screenshot figure{margin:0}.screenshot-link{display:block;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 7%,transparent)}.screenshot-link img{display:block;width:100%;height:auto}.product-screenshot figcaption{font-size:13px;line-height:1.7;color:var(--text-secondary);margin-top:14px}.product-screenshot figcaption a{color:var(--accent);font-weight:600;display:inline-block;margin-left:6px}
@media(max-width:720px){.hero-with-screenshot{padding-top:42px;padding-bottom:28px}.hero-with-screenshot .hero-copy{max-width:none}.hero-with-screenshot h1{font-size:38px}.hero-with-screenshot .actions{gap:16px}.product-screenshot{padding-top:20px;padding-bottom:35px}.product-screenshot h2{font-size:27px}.product-screenshot .section-head>p:last-child{font-size:15px}.product-screenshot figcaption{font-size:12px}.product-screenshot figcaption a{display:block;margin-left:0}.screenshot-link{border-radius:8px}}
/* Name the product at introduction and at the final installation prompt. */
.hero .product-name{font-size:15px;letter-spacing:.02em;font-weight:650}.closing-product-name{color:var(--accent)}.closing-title>.closing-product-name{display:block}
@media(max-width:720px){.hero .product-name{font-size:14px}}
/* Guides: reusable cards and a focused reading column. */
.guides-intro{padding-bottom:38px;max-width:1160px}.guides-intro h1{max-width:850px;font-size:clamp(36px,4vw,54px)}.guides-intro .intro{max-width:650px}.guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:65px}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.guide-card .eyebrow{margin-bottom:16px}.guide-card h2{font-size:27px;line-height:1.3;letter-spacing:-.025em}.guide-card>p:not(.eyebrow){font-size:16px;color:var(--text-secondary);margin-top:18px;line-height:1.75}.guide-card .text-link{color:var(--accent);margin-top:24px}.home-guides{border-top:1px solid var(--border)}.home-guides .guides-grid{padding-bottom:25px}.guides-all{color:var(--accent)}
.guide-article{width:min(800px,calc(100% - 80px));margin:0 auto;padding:38px 0 80px;overflow-wrap:break-word}.breadcrumbs{display:flex;gap:14px;font-size:14px;color:var(--text-secondary);margin-bottom:36px}.article-heading h1{font-size:clamp(36px,4.2vw,52px);line-height:1.15}.article-lead{font-size:19px;color:var(--text-secondary);line-height:1.75;margin-top:24px}.article-date{font-size:13px;color:var(--text-secondary);margin-top:20px}.article-heading .button{margin-top:24px}.article-note{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:22px 24px;margin:32px 0}.article-note p{margin-top:10px;color:var(--text-secondary)}.article-toc{padding:26px 30px;border:1px solid var(--border);border-radius:12px;margin:32px 0 45px;background:var(--surface)}.article-toc h2{font-size:20px}.article-toc ol{margin:16px 0 0;padding-left:22px}.article-toc li{padding:5px 0}.article-toc a,.guide-article section a:not(.button),.guide-related a{color:var(--accent)}.guide-article section{margin-top:46px}.guide-article section h2{font-size:29px;line-height:1.3}.guide-article section p{margin-top:18px;line-height:1.85}.guide-article figure{margin:28px 0}.guide-article figcaption{font-size:13px;color:var(--text-secondary);margin-top:12px;line-height:1.7}.guide-related{border-top:1px solid var(--border);padding-top:30px;margin-top:48px}.guide-related h2{font-size:23px}.guide-related p{margin-top:16px}
@media(max-width:1100px){.header{flex-wrap:wrap}.header nav{flex-wrap:wrap;gap:14px}}
@media(max-width:720px){.guides-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding-bottom:40px}.guide-card{padding:24px}.guide-card h2{font-size:24px}.guide-article{width:calc(100% - 36px);padding-top:28px;padding-bottom:50px}.article-heading h1{font-size:36px}.article-lead{font-size:17px}.guide-article section h2{font-size:26px}.article-note{padding:18px}.article-toc{padding:22px}.breadcrumbs{margin-bottom:28px}.guide-article .actions{align-items:flex-start;flex-direction:column}.guide-article section{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.guide-article section h3{font-size:21px;margin-top:26px;line-height:1.4}