/* October 2026: companion learning page shares the handbook's brand tokens. */
.ai-page .header-inner nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.ai-story{background:var(--gv-banner-bg);color:var(--white);border-radius:var(--radius);padding:31px 32px;box-shadow:12px 14px 0 var(--pale)}
.ai-story-kicker{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:750;margin-bottom:14px}
.ai-story h2{font-size:37px;line-height:1.18;margin-bottom:25px}
.ai-story-steps{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.ai-story-steps li{display:flex;gap:15px;align-items:flex-start;padding:14px 0;border-top:1px solid #5d7a7f}
.ai-story-steps li>span{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:var(--lime);color:var(--teal);font-size:12px;font-weight:750}
.ai-story-steps strong,.ai-story-steps small{display:block}.ai-story-steps strong{font-size:17px}.ai-story-steps small{font-size:13px;color:#e5ede7;margin-top:3px}
.ai-story-note{font-size:12px;line-height:1.7;color:#e5ede7;margin:19px 0 0}.ai-story-note a{color:var(--lime)}
.ai-habits-band{border-block:1px solid var(--line);background:var(--pale)}.ai-habits{display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr;gap:28px;align-items:center;padding-block:25px}.ai-habits h2{font-size:26px;margin:0}.ai-habits p{font-size:13px;line-height:1.65;margin:0;color:var(--muted)}.ai-habits strong{display:block;color:var(--teal)}
.ai-search-tools{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr) auto;gap:15px 20px;align-items:end;background:var(--pale);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-bottom:18px}.ai-search-tools label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.ai-search-tools input,.ai-search-tools select{display:block;width:100%;height:48px;border:1px solid #829b95;border-radius:7px;background:var(--white);color:var(--ink);font:inherit;font-size:14px;padding:10px 12px;min-width:0}.ai-search-tools select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.ai-search-tools input::placeholder{color:var(--muted);opacity:1}.ai-search-tools .small{grid-column:1/-1;margin:0}.ai-clear{background:var(--white);color:var(--teal);border:1px solid #829b95;min-height:48px;padding:10px 14px;font-size:13px;font-weight:650}.ai-clear:hover{border-color:var(--teal)}.ai-result-count{font-size:13px;font-weight:650;color:var(--muted);margin:0 0 25px}.ai-empty{border:1px dashed var(--blue);background:var(--white);padding:32px;border-radius:12px}.ai-empty p{overflow-wrap:anywhere}
.ai-term-group{margin-top:38px}.ai-group-heading{display:flex;align-items:center;gap:17px;margin:0 0 20px}.ai-group-heading>span{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;font:italic 23px Georgia,serif;color:var(--blue)}.ai-group-heading h3{font:500 31px/1.2 Georgia,serif;color:var(--teal);margin:0 0 5px}.ai-group-heading p{font-size:13px;color:var(--muted);margin:0}.ai-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:start}.ai-term{min-width:0;background:var(--gv-card-bg);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:10px;padding:23px 23px 18px;scroll-margin-top:25px}.ai-term h4{font-size:20px;line-height:1.35;color:var(--teal);margin:0 0 13px;letter-spacing:-.025em;overflow-wrap:anywhere}.ai-term abbr{text-decoration:none;white-space:nowrap;font-size:16px}.ai-term p{font-size:14px;line-height:1.7}.ai-definition{color:var(--ink)}.ai-example{padding-top:14px;border-top:1px solid var(--line);color:var(--muted);margin-bottom:13px}.ai-example strong{color:var(--teal);font-size:12px}.ai-reference{display:inline-block;font-size:11px;line-height:1.6;margin-top:2px}.ai-term details{margin-bottom:10px;padding-block:12px}.ai-term summary{font-size:12px;min-height:30px;display:list-item}.ai-term details p{font-size:13px;color:var(--muted);margin-top:12px}
.ai-practice-band{background:var(--pale);border-block:1px solid var(--line)}.ai-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.ai-question{background:var(--gv-card-bg);border:1px solid var(--line);border-radius:12px;padding:27px 24px;min-width:0}.ai-question h3{font:500 27px/1.22 Georgia,serif;margin-bottom:15px;color:var(--teal)}.ai-question>p{font-size:14px;color:var(--muted)}.ai-options{display:grid;gap:9px;margin-top:20px;margin-bottom:16px}.ai-options button{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:13px 14px;text-align:left;line-height:1.6;font-size:13px;min-height:48px}.ai-options button:hover{border-color:var(--blue)}.ai-options button[aria-pressed="true"]{border:2px solid var(--teal);background:var(--pale);padding:12px 13px}.ai-question-feedback{background:var(--pale);border-left:3px solid var(--teal);padding:13px 14px;margin-bottom:17px;font-size:13px;line-height:1.7}.ai-question-feedback strong{display:block;margin-bottom:5px}.ai-question-feedback p{margin:0}.ai-question-feedback[data-result="try"]{background:var(--paper);border-color:var(--blue)}.ai-question .ai-nojs-answer p{font-size:13px;color:var(--muted)}.ai-practice-progress{font-size:14px;font-weight:650;margin:24px 0 0;color:var(--teal)}
.ai-sources{display:grid;grid-template-columns:1fr 1fr;gap:19px 48px;padding-left:23px;margin:0}.ai-sources li{padding-left:5px;font-size:14px;scroll-margin-top:25px}.ai-sources li>a{font-weight:650}.ai-sources p{font-size:12px;color:var(--muted);margin:5px 0 0}.ai-next{border-top:1px solid var(--line);padding-block:42px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ai-next h2{font-size:32px;max-width:430px;margin:0}.ai-next>div{display:flex;gap:13px;flex-wrap:wrap}.ai-secondary{border:1px solid var(--teal);color:var(--teal);background:transparent}
@media(max-width:1050px){.ai-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-habits{grid-template-columns:1fr 1fr;gap:20px 35px}.ai-search-tools{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.ai-clear{justify-self:start}.ai-search-tools .small{grid-column:2;align-self:center}.ai-practice-grid{gap:15px}.ai-question{padding:23px 18px}.ai-next{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.ai-page .header-inner nav{gap:22px}.ai-story{padding:27px;max-width:510px;margin:0 auto 12px;width:100%;box-shadow:8px 10px 0 var(--pale)}.ai-story h2{font-size:33px}.ai-habits{grid-template-columns:1fr;gap:15px;padding-block:24px}.ai-habits h2{font-size:27px;margin-bottom:3px}.ai-habits strong{display:inline}.ai-search-tools{grid-template-columns:1fr;padding:20px;gap:16px}.ai-search-tools .small{grid-column:1}.ai-clear{width:100%;justify-self:stretch}.ai-term-grid,.ai-practice-grid,.ai-sources{grid-template-columns:1fr}.ai-term-group{margin-top:30px}.ai-term{padding:23px}.ai-term h4{font-size:21px}.ai-group-heading h3{font-size:28px}.ai-group-heading p{font-size:12px}.ai-question{padding:26px}.ai-question h3{font-size:29px}.ai-question>p,.ai-options button{font-size:14px}.ai-sources{gap:22px}.ai-next{padding-block:35px 42px}.ai-next h2{font-size:31px}.ai-next .button{width:100%}.ai-next>div{width:100%}}
@media(forced-colors:active){.ai-story,.ai-term,.ai-question,.ai-habits-band,.ai-question-feedback{border:1px solid CanvasText}.ai-options button[aria-pressed="true"]{outline:2px solid ButtonText}}
@media print{.ai-page main>section,.ai-page .ai-term-group[hidden],.ai-page .ai-term[hidden],.ai-page .ai-nojs-answer[hidden]{display:block!important}.ai-page .ai-search-tools,.ai-page .ai-result-count,.ai-page .ai-empty,.ai-page .ai-options,.ai-page .ai-question-feedback,.ai-page .ai-practice-progress,.ai-page .hero-actions,.ai-page .ai-story,.ai-page .ai-next{display:none!important}.ai-page .ai-term-grid,.ai-page .ai-practice-grid,.ai-page .ai-sources{display:block}.ai-page .ai-term,.ai-page .ai-question{break-inside:avoid;border:1px solid #aaa;margin:12px 0;padding:14px}.ai-page .ai-term p,.ai-page .ai-question p{font-size:10pt}.ai-page .ai-term h4{font-size:14pt}.ai-page .ai-habits{display:block}.ai-page .ai-habits p{margin:8px 0}.ai-page .ai-nojs-answer>p{display:block}.ai-page h1{font-size:28pt}.ai-page .section{padding-block:20px}.ai-page .ai-source-section::after{display:block;content:'AI basics: https://gvph.org/phphandbook/ai-basics.html | References checked October 26, 2026.';font-size:9pt;margin-top:18px}}