*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.guide-page{margin:0;background:var(--bg);color:var(--text2);font:16px/1.85 var(--kdp-font-body);}
.guide-page a{color:var(--blue-deep);text-underline-offset:4px;}
.guide-page a:hover{color:var(--text);}
.guide-page a:focus-visible,.guide-page summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px;}
.guide-header{border-bottom:1px solid var(--border);background:var(--surface);}
.guide-header-inner,.guide-main,.guide-footer{width:min(100% - 40px,1040px);margin-inline:auto;}
.guide-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;}
.guide-brand{color:var(--text)!important;font-size:19px;font-weight:700;text-decoration:none;white-space:nowrap;}
.guide-open-planner{font-size:14px;}
.guide-main{padding-block:28px 64px;}
.guide-breadcrumbs{margin-bottom:24px;font-size:13px;color:var(--text3);}
.guide-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;padding:0;margin:0;list-style:none;}
.guide-breadcrumbs li+li::before{content:'/';margin-right:12px;color:var(--text3);}
.guide-page h1,.guide-page h2,.guide-page h3{color:var(--text);line-height:1.5;}
.guide-page h1{margin:0 0 20px;font-size:clamp(25px,3.7vw,38px);letter-spacing:.01em;}
.guide-page h2{margin:42px 0 16px;font-size:23px;padding-top:8px;scroll-margin-top:24px;}
.guide-page h3{margin:22px 0 10px;font-size:18px;}
.guide-page p{margin:0 0 16px;}
.guide-lead{max-width:860px;font-size:18px;color:var(--text2);}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;}
.guide-button{display:inline-block;border:1px solid var(--blue-mid);border-radius:7px;padding:9px 18px;background:var(--blue-bg);font-weight:600;text-decoration:none;}
.guide-toc{margin:28px 0;padding:18px 22px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);}
.guide-toc strong{display:block;margin-bottom:8px;color:var(--text);}
.guide-toc ul{display:flex;flex-wrap:wrap;gap:4px 28px;margin:0;padding-left:20px;font-size:14px;}
.guide-page li{margin-bottom:7px;}
.guide-page li:last-child{margin-bottom:0;}
.guide-page ol,.guide-page ul{padding-left:24px;}
.guide-figure{margin:24px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}
.guide-figure img{display:block;width:100%;height:auto;}
.guide-figure figcaption{padding:12px 18px;font-size:13px;color:var(--text3);}
.guide-figure-compact{max-width:740px;}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;}
.guide-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;background:var(--surface);}
.guide-card h3{margin-top:0;}
.guide-card p{font-size:14px;}
.guide-note{padding:16px 20px;border-left:3px solid var(--blue);background:var(--blue-bg);border-radius:0 6px 6px 0;}
.guide-page details{border-bottom:1px solid var(--border);padding:16px 0;}
.guide-page summary{cursor:pointer;color:var(--text);font-weight:600;}
.guide-page details p{margin:12px 0 0;}
.guide-release-body{padding:14px 0 0;}
.guide-release-item{position:relative;margin-block:5px;padding-left:16px;}
.guide-release-item::before{content:'·';position:absolute;left:2px;}
.guide-related{margin-top:42px;padding-top:20px;border-top:1px solid var(--border);}
.guide-related h2{margin-top:0;}
.guide-related ul{display:flex;flex-wrap:wrap;gap:8px 28px;}
.guide-footer{padding-block:24px 36px;border-top:1px solid var(--border);font-size:12px;color:var(--text3);}
.guide-legal-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:18px;}
.guide-legal-actions button{border:0;padding:0;background:none;color:var(--blue-deep);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;}
.guide-legal-actions button:focus-visible,.guide-legal-heading button:focus-visible{outline:2px solid var(--blue);outline-offset:4px;}
.guide-legal-dialog{width:min(680px,calc(100% - 32px));max-height:85vh;max-height:85dvh;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text2);font:14px/1.85 var(--kdp-font-body);}
.guide-legal-dialog[open]{display:flex;flex-direction:column;}
.guide-legal-dialog::backdrop{background:rgba(0,0,0,.7);}
.guide-legal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid var(--border);}
.guide-page .guide-legal-heading h2{padding:0;margin:0;font-size:19px;}
.guide-legal-heading button{flex-shrink:0;border:1px solid var(--border);border-radius:5px;padding:6px 12px;background:var(--surface2);color:var(--text);font:inherit;cursor:pointer;}
.guide-legal-body{min-height:0;overflow:auto;padding:20px;overflow-wrap:anywhere;}
.guide-page .guide-legal-body h3{margin:22px 0 8px;font-size:15px;}
.guide-page .guide-legal-body p{margin:0 0 12px;}
html:has(.guide-legal-dialog[open]){overflow:hidden;}
.guide-page #contact{overflow-wrap:anywhere;}
.guide-skip{position:absolute;top:8px;left:16px;z-index:2;transform:translateY(-160%);padding:8px 16px;background:var(--surface);}
.guide-skip:focus{transform:none;}
.guide-reading-layout{max-width:760px;margin-inline:auto;}
.guide-reading-content{min-width:0;font-size:16px;line-height:1.85;}
.guide-overview{line-break:strict;}
.guide-overview h1{font-size:clamp(26px,3vw,34px);letter-spacing:0;margin-bottom:16px;}
.guide-overview p{margin-bottom:16px;}
.guide-overview .guide-button{font-size:14px;}
.guide-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px;}
.guide-essentials a{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:15px;font-weight:600;text-decoration:none;line-height:1.5;}
.guide-essentials a:hover{border-color:var(--blue-mid);background:var(--blue-bg);}
.guide-essential-number{flex-shrink:0;font-size:12px;font-weight:400;color:var(--text3);}
.guide-overview .guide-chapter{margin-top:56px;padding-top:28px;border-top:1px solid var(--border);scroll-margin-top:24px;}
.guide-overview .guide-chapter:first-child{margin-top:40px;}
.guide-overview .guide-chapter h2{display:flex;align-items:baseline;gap:14px;margin:0 0 26px;padding:0;font-size:25px;}
.guide-chapter-number{flex-shrink:0;color:var(--blue-deep);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;}
.guide-overview h3{font-size:18px;margin:28px 0 10px;}
.guide-overview .guide-steps{margin:0;padding-left:22px;}
.guide-overview .guide-steps>li{margin-bottom:24px;padding-left:8px;}
.guide-steps>li::marker{color:var(--text3);font-size:13px;}
.guide-overview .guide-steps h3{margin:0 0 8px;font-size:18px;}
.guide-overview .guide-steps p{margin:0;}
.guide-overview .guide-tip{margin-top:22px;padding-left:14px;border-left:2px solid var(--blue-mid);font-size:14px;line-height:1.85;color:var(--text3);}
.guide-context{margin-top:30px;}
.guide-overview .guide-context h3{font-size:17px;}
.guide-save-types{margin-top:26px;}
.guide-save-types>section{padding:24px 0;border-bottom:1px solid var(--border);scroll-margin-top:24px;}
.guide-overview .guide-save-types h3{margin:0 0 10px;font-size:20px;}
.guide-overview .guide-save-types ol{margin:14px 0 0;}
.guide-save-types li::marker{font-size:13px;color:var(--text3);}
.guide-overview .guide-figure{margin:26px 0 16px;}
.guide-overview .guide-figure figcaption{padding:10px 14px;line-height:1.7;}
.guide-overview .guide-section-link{font-size:14px;margin-top:16px;}
.guide-overview details.guide-howto{border:1px solid var(--border);border-radius:6px;margin-top:24px;padding:0;background:var(--surface);font-size:14px;}
.guide-howto summary{padding:14px 18px;font-weight:500;line-height:1.7;}
.guide-detail-content{padding:0 18px 18px;}
.guide-overview .guide-detail-content p{margin:12px 0 0;}
.guide-overview .guide-detail-content ul,.guide-overview .guide-detail-content ol{margin:12px 0 0;padding-left:22px;}
.guide-subsection,.guide-overview details[id]{scroll-margin-top:24px;}
.guide-overview .guide-small-note{font-size:13px;line-height:1.85;color:var(--text3);}
.guide-overview .guide-reference{margin-top:56px;padding-top:24px;border-top:1px solid var(--border);scroll-margin-top:24px;}
.guide-overview .guide-reference h2{margin:0 0 14px;padding:0;font-size:21px;}
.guide-reference summary{font-size:15px;font-weight:500;}
.guide-reference details p{font-size:14px;}
.guide-page .guide-history{margin-top:40px;padding:16px 0;border-top:1px solid var(--border);}
.guide-history-body{margin-top:12px;}
.guide-history .guide-release{font-size:14px;}
@media(max-width:700px){
  .guide-header-inner{align-items:flex-start;flex-direction:column;gap:10px;}
  .guide-header-inner,.guide-main,.guide-footer{width:calc(100% - 32px);}
  .guide-cards{grid-template-columns:1fr;}
  .guide-main{padding-top:20px;}
  .guide-lead{font-size:16px;}
  .guide-toc ul{display:block;}
  .guide-page h2{font-size:21px;}
  .guide-overview h1{font-size:26px;margin-bottom:20px;}
  .guide-overview .guide-chapter{margin-top:44px;padding-top:24px;}
  .guide-overview .guide-chapter h2{font-size:21px;gap:12px;}
  .guide-essentials{grid-template-columns:1fr;gap:0;margin-top:22px;}
  .guide-essentials a{min-height:48px;border-radius:0;border-bottom:0;}
  .guide-essentials a:first-child{border-radius:6px 6px 0 0;}
  .guide-essentials a:last-child{border-bottom:1px solid var(--border);border-radius:0 0 6px 6px;}
  .guide-overview .guide-steps{padding-left:20px;}
  .guide-overview .guide-steps>li{padding-left:5px;}
  .guide-howto summary{padding:13px 14px;}
  .guide-detail-content{padding:0 14px 16px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}