/* Section design system. Global site chrome and KaTeX retain their own base CSS. */
body.guide-layout{
  --guide-text:#243830;--guide-muted:#52665d;--guide-green:#007a52;
  --guide-border:#dce6e0;--guide-soft:#f2f7f4;--guide-orange:#ff9933;
  --guide-radius:10px;--guide-space:24px;
}
body.guide-layout main{display:block;width:100%;padding:0;background:#fff;color:var(--guide-text);font:400 18px/1.65 var(--t-font)}
body.guide-layout main :where(article,section,div,aside){display:block;min-width:0;text-align:left}
body.guide-layout main>.wrapper{display:block;box-sizing:border-box;width:100%;max-width:1100px;min-width:0;margin:0 auto;padding:28px 20px 64px;text-align:left}
body.guide-layout main :is(h1,h2,h3,h4,h5,h6){font-family:var(--h-font);font-weight:600;color:#009966;text-align:left}
body.guide-layout main>.wrapper>h1{max-width:850px;margin:10px 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.18;align-self:flex-start}
body.guide-layout main h2{margin:0 0 20px;font-size:clamp(23px,3vw,30px);line-height:1.3}
body.guide-layout main h3{margin:0 0 16px;font-size:22px;line-height:1.4}
body.guide-layout main h4{margin:0 0 12px;font-size:19px;line-height:1.4}
body.guide-layout main p{max-width:none;margin:0 0 14px;line-height:1.5;text-align:left}
body.guide-layout main :is(ul,ol){margin:0 0 18px;padding-left:24px;line-height:1.5}
body.guide-layout main li{margin:0 0 10px;line-height:1.5;text-align:left}
body.guide-layout main li:last-child{margin-bottom:0}
body.guide-layout main ul>li::marker{content:"\25C6\2002";color:#009966;font-size:.68em}
body.guide-layout main ul ul>li::marker{content:"\25C7\2002"}
body.guide-layout main a{color:var(--guide-green);text-decoration:underline;text-decoration-color:#aecfbe;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
body.guide-layout main a:hover{color:#005d3d;text-decoration-color:currentColor}
body.guide-layout main :is(a,summary,button,[tabindex]):focus-visible{outline:3px solid var(--guide-green);outline-offset:4px;border-radius:3px}
body.guide-layout main section{display:block;width:100%;min-width:0;margin:0 0 44px;padding:0;scroll-margin-top:24px}
body.guide-layout main [id]{scroll-margin-top:24px}
body.guide-layout main .content{display:block;width:100%;padding:0}
body.guide-layout main .content>h2{margin-top:40px}
body.guide-layout main .content>h3{margin-top:28px}
body.guide-layout main .guide-lead{max-width:850px;margin:0 0 22px;color:var(--guide-muted);font-size:21px;line-height:1.5}

/* Confirmed contents style: one ordered column, the same on every article. */
body.guide-layout main nav.guide-contents{display:block;position:static;box-sizing:border-box;width:100%;max-width:none;padding:24px 30px;margin:32px 0;background:var(--guide-soft);border:0;border-radius:8px;text-align:left;font:400 18px/1.5 var(--t-font);color:#24342e}
body.guide-layout main .guide-contents>strong{display:inline;font:700 1em/1.5 var(--t-font)}
body.guide-layout main .guide-contents>ol{display:block;width:auto;margin:1em 0;padding:0 0 0 40px;list-style:decimal outside;font:inherit}
body.guide-layout main .guide-contents li{display:list-item;width:auto;margin:10px 0;padding:0;font:inherit;text-align:left}
body.guide-layout main .guide-contents a{display:inline;position:static;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--guide-green);font:400 1em/1.5 var(--t-font);letter-spacing:normal;text-transform:none;text-decoration:underline;text-underline-offset:3px}

/* Examples, references and diagrams share a quiet card; their layouts serve the material. */
body.guide-layout main .guide-card{display:block;box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0;background:#fff;border:1px solid var(--guide-border);border-radius:var(--guide-radius)}
body.guide-layout main .guide-example{margin:28px 0}
body.guide-layout main .guide-example>h3{margin-bottom:18px}
body.guide-layout main .guide-answer{margin-top:16px;font-weight:600;color:var(--guide-text)}
body.guide-layout main .guide-solution{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #e4ece7}
body.guide-layout main details.guide-solution{margin-top:18px}
body.guide-layout main summary{display:list-item;width:fit-content;max-width:100%;cursor:pointer;padding:4px 0;color:var(--guide-green);font-weight:600;line-height:1.5}
body.guide-layout main details[open]>summary{margin-bottom:16px}
body.guide-layout main .guide-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin:22px 0}
body.guide-layout main .guide-wide{grid-column:1/-1}
body.guide-layout main .guide-group{display:block;margin-top:40px}
body.guide-layout main .guide-group>h2{padding:16px 0;border-top:3px solid #009966}
body.guide-layout main .guide-list-title{margin:18px 0 10px;color:var(--guide-green);font:600 16px/1.5 var(--t-font)}

/* Mathematical meaning controls emphasis: a key formula is distinct from a solution step. */
body.guide-layout main :is(.math,.gt-math){display:inline-block;max-width:100%;vertical-align:middle;overflow:visible}
body.guide-layout main .katex{font-size:1.08em}
body.guide-layout main .math.display{display:block;max-width:100%;box-sizing:border-box;overflow:visible;margin:14px 0;padding:10px 2px}
body.guide-layout main .katex-display{margin:0;text-align:left}
body.guide-layout main .katex-display>.katex{text-align:left;white-space:normal}
body.guide-layout main .guide-formula{display:block;box-sizing:border-box;max-width:100%;margin:14px 0;padding:12px 16px;background:#f0f7f3;border-left:3px solid #009966;font-size:20px;line-height:1.5;overflow:visible}
body.guide-layout main .guide-formula>.math{display:block;max-width:100%;padding:4px 0}
body.guide-layout main .guide-reference>.ap-formula{padding:12px 14px;background:#f0f7f3;border-left:3px solid #009966}
body.guide-layout main h3 :is(.math,.gt-math){font-size:20px}
body.guide-layout main .guide-note{display:block;box-sizing:border-box;min-width:0;margin:22px 0;padding:18px 22px;background:#f0f7f3;border-left:4px solid #009966;border-radius:0 8px 8px 0;font-size:17px;line-height:1.5}
body.guide-layout main .guide-note>p:last-child{margin-bottom:0}
body.guide-layout main .guide-note--warning{background:#fff6e9;border-left-color:var(--guide-orange)}
body.guide-layout main .guide-caption{color:var(--guide-muted);font-size:15px;line-height:1.5}

/* All tables use the same spacing, header and accessible scroll container. */
body.guide-layout main .guide-table{display:block;width:100%;max-width:100%;margin:22px 0;overflow-x:auto;border:1px solid var(--guide-border);border-radius:8px;background:#fff}
body.guide-layout main table{width:100%;margin:0;border-collapse:collapse;font-size:16px;line-height:1.5}
body.guide-layout main :is(th,td){padding:12px 16px;border:0;border-bottom:1px solid var(--guide-border);text-align:left;vertical-align:middle}
body.guide-layout main thead th{background:#edf5f0;color:#24573f;font-weight:600}
body.guide-layout main tbody th{font-weight:500}
body.guide-layout main tbody tr:last-child>*{border-bottom:0}
body.guide-layout main caption{padding:14px 16px;text-align:left;color:var(--guide-muted);font-size:15px;font-weight:500;line-height:1.5;background:#f8faf8}
body.guide-layout main .guide-table--values :is(th,td){text-align:center}
body.guide-layout main .guide-table--values :is(th,td):first-child{text-align:left}
body.guide-layout main .guide-table .math{white-space:nowrap}
body.guide-layout main .guide-table .katex{font-size:1em}

/* Large coordinate plots and small geometry diagrams have different space needs. */
body.guide-layout main .guide-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;margin:24px 0}
body.guide-layout main .guide-diagram{display:flex;flex-direction:column;align-items:stretch}
body.guide-layout main figure{display:block;width:100%;max-width:340px;margin:16px auto;padding:0;border:0;background:transparent}
body.guide-layout main .guide-plot{max-width:560px;margin-bottom:0}
body.guide-layout main .guide-diagram .guide-plot{flex-shrink:0;margin-top:auto;padding-top:16px}
body.guide-layout main figure svg{display:block;width:100%;height:auto}
body.guide-layout main figcaption{padding:0;font-size:15px;line-height:1.5;color:var(--guide-muted);text-align:center}
body.guide-layout main .guide-geometry svg text{font:16px Georgia,serif;fill:var(--guide-text)}
body.guide-layout main .guide-diagram-text{font-size:16px;line-height:1.5}
body.guide-layout main .guide-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px;font-size:14px;line-height:1.5}
body.guide-layout main .guide-legend i{display:inline-block;width:28px;border-top:3px dashed #009966}
body.guide-layout main .guide-legend i:last-of-type{margin-left:10px;border-top:3px solid #ff9933}
body.guide-layout main .guide-video{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:20px 0 24px;border:0;border-radius:8px;background:#f2f7f4}

/* A consistent end-of-article invitation, below the teaching material. */
body.guide-layout main .guide-course{display:block;width:100%;margin:36px 0 0;padding:26px;background:#f0f7f3;border:1px solid #d3e5d9;border-radius:var(--guide-radius)}
body.guide-layout main .guide-course h3{margin-bottom:12px}
body.guide-layout main .guide-course-body{display:block;width:100%;padding:0;margin:0}
body.guide-layout main .guide-button{display:inline-block;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:10px;padding:11px 20px;background:var(--guide-green);color:#fff;border:1px solid var(--guide-green);border-radius:6px;font:600 16px/1.5 var(--t-font);text-align:center;text-decoration:none;text-transform:none;letter-spacing:normal;text-shadow:none;transition:background .15s,border-color .15s}
body.guide-layout main .guide-button:hover{background:#005e3e;border-color:#005e3e;color:#fff}
body.guide-layout main .guide-next{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--guide-border)}
body.guide-layout main .guide-course .offer{display:block;width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;text-align:left}
body.guide-layout main .guide-course .offer-title{margin:0 0 12px;color:#009966;font:600 22px/1.4 var(--h-font);text-align:left}
body.guide-layout main .guide-course .offer a{color:var(--guide-green)}

/* The directory is navigation, not another grid of promotional cards. */
body.guide-layout main .ege-guides{display:block;width:100%;margin:30px 0}
body.guide-layout main .ege-guides ul{width:100%;margin:0;padding:0;list-style:none}
body.guide-layout main .ege-guides li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:baseline;margin:0;padding:18px 0;border-bottom:1px solid var(--guide-border)}
body.guide-layout main .ege-guides-number{display:block;padding:0;background:transparent;color:var(--guide-green);border-radius:0;font-size:16px;font-weight:600;text-align:left;white-space:nowrap}
body.guide-layout main .ege-guides-links{display:block;min-width:0}
body.guide-layout main .ege-guides-separator{margin:0 12px;color:#83988c}

@media(max-width:900px){body.guide-layout main .guide-diagrams{grid-template-columns:1fr}}
@media(max-width:700px){
  body.guide-layout main>.wrapper{padding:20px 16px 40px}
  body.guide-layout main section{margin-bottom:34px}
  body.guide-layout main .guide-reference-grid{grid-template-columns:1fr;gap:16px}
  body.guide-layout main .guide-card{padding:18px}
  body.guide-layout main .guide-course{padding:20px;margin-top:30px}
  body.guide-layout main .guide-note{padding:16px 18px}
  body.guide-layout main :is(th,td){padding:10px 12px}
  body.guide-layout main .guide-formula{font-size:18px;padding:10px 12px}
}
@media(max-width:650px){body.guide-layout main{font-size:17px}body.guide-layout main .guide-lead{font-size:18px}body.guide-layout main nav.guide-contents{font-size:17px}body.guide-layout main h3 :is(.math,.gt-math){font-size:18px}}
@media(max-width:600px){
  body.guide-layout main nav.guide-contents{padding:18px}
  body.guide-layout main .ege-guides li{grid-template-columns:48px minmax(0,1fr);gap:12px}
  body.guide-layout main .ege-guides-links a{display:block}
  body.guide-layout main .ege-guides-links a+a{margin-top:8px}
  body.guide-layout main .ege-guides-separator{display:none}
}
@media(max-width:400px){body.guide-layout main .guide-formula--compact .katex{font-size:14px}body.guide-layout main .guide-reference>.ap-formula{padding:10px}}
@media(prefers-reduced-motion:reduce){body.guide-layout main :is(a,button){transition:none}}
@media print{
  body.guide-layout :is(header,footer,.breadcrumbs),body.guide-layout main :is(.guide-contents,.guide-course,.guide-button){display:none!important}
  body.guide-layout main{font-size:11pt;line-height:1.4;color:#000}
  body.guide-layout main>.wrapper{max-width:none;padding:0}
  body.guide-layout main>.wrapper>h1{font-size:24pt}
  body.guide-layout main h2{font-size:17pt;break-after:avoid}
  body.guide-layout main h3{font-size:13pt}
  body.guide-layout main .guide-card{break-inside:avoid;padding:12px}
  body.guide-layout main .guide-reference-grid{display:block;columns:2;column-gap:16px}
  body.guide-layout main .guide-reference{break-inside:avoid;margin-bottom:12px}
  body.guide-layout main .guide-diagrams{grid-template-columns:1fr 1fr;gap:12px}
  body.guide-layout main .guide-formula{font-size:12pt}
  body.guide-layout main .guide-table,body.guide-layout main .math.display{overflow:visible}
  body.guide-layout main figure{max-width:280px}
  body.guide-layout main a{color:#000;text-decoration:none}
}