/* Learn & Solve: restrained extension of the existing SimpleFlick visual language. */
.learn-hub,.learn-page{--learn-ink:var(--text,#16243c);--learn-muted:var(--muted,#5b6880);--learn-border:var(--line-strong,#dce3ee);--learn-paper:var(--surface-solid,#fff);--learn-tint:color-mix(in srgb,var(--brand-2,#3369df) 6%,var(--learn-paper));--learn-accent:#315dc4;color:var(--learn-ink)}
:root[data-theme="dark"] .learn-hub,:root[data-theme="dark"] .learn-page,body.dark .learn-hub,body.dark .learn-page{--learn-accent:#a2bdff;--learn-tint:color-mix(in srgb,#5b8def 10%,var(--learn-paper))}
.learn-hub{max-width:1190px!important}.learn-page{max-width:1070px!important}
.learn-hub h1,.learn-page h1{letter-spacing:-.035em;line-height:1.13}.learn-hub p,.learn-page p{line-height:1.85;color:var(--learn-muted)}
.learn-hub-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:46px;align-items:center;padding:35px 0 28px}.learn-hub-hero h1{font-size:clamp(36px,4.5vw,58px);max-width:650px;margin:16px 0 22px}.learn-hub-hero h1 span{color:var(--learn-accent)}
.learn-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--learn-accent)}[dir="rtl"] .learn-eyebrow{letter-spacing:0}
.learn-intro{font-size:18px!important;max-width:760px;margin:0 0 23px}.learn-hero-note{border:1px solid var(--learn-border);border-radius:22px;background:var(--learn-tint);padding:30px}.learn-hero-note>span{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--learn-muted)}.learn-hero-note strong{display:block;font-size:23px;line-height:1.55;margin:16px 0}.learn-hero-note p{margin:0;font-size:15px}
.learn-coverage-section{border-block:1px solid var(--learn-border);padding:25px 0;margin:16px 0 40px}.learn-coverage{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.learn-coverage>div{display:flex;flex-direction:column;gap:6px}.learn-coverage strong{font-size:29px;font-weight:750;direction:ltr;unicode-bidi:isolate}.learn-coverage span{font-size:14px;color:var(--learn-muted);line-height:1.5}.learn-small{font-size:13px!important;line-height:1.75!important;color:var(--learn-muted);margin:12px 0 0!important}.learn-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}.learn-title-row h2{margin:0;font-size:25px}.learn-title-row p,.learn-title-row>span{font-size:14px;margin:0;color:var(--learn-muted)}
.learn-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.learn-path{border:1px solid var(--learn-border);border-radius:16px;background:var(--learn-paper);padding:20px;align-self:start}.learn-path summary{cursor:pointer;min-height:44px;line-height:1.6}.learn-path summary strong{font-size:16px}.learn-path summary>span{display:block;font-size:13px;color:var(--learn-muted);padding-inline-start:18px}.learn-path p,.learn-path li{font-size:14px}.learn-path ol{padding-inline-start:21px;line-height:1.65}.learn-path li{padding:6px 0}.learn-path a,.learn-references a{color:var(--learn-accent);text-underline-offset:3px}
.learn-directory{margin-top:44px}.learn-filters{display:grid;grid-template-columns:minmax(0,1fr) 230px auto;gap:16px;align-items:end;margin:22px 0}.learn-filters label,.learn-field label,#learnPractice>label{font-size:14px;font-weight:650;display:block;margin-bottom:8px;color:var(--learn-ink)}.learn-filters input,.learn-filters select,.learn-input-unit input,.learn-input-unit select,.learn-practice-entry input,.learn-practice-entry select{font-family:inherit;font-size:16px;min-height:48px;border:1px solid var(--learn-border);background:var(--learn-paper);color:var(--learn-ink);border-radius:10px;padding:10px 12px;min-width:0;width:100%}.learn-filters>button{min-height:48px}
.learn-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learn-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--learn-border);border-radius:17px;padding:23px;background:var(--learn-paper);color:var(--learn-ink);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.learn-card:hover{border-color:var(--learn-accent);transform:translateY(-2px)}.learn-card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--learn-accent);font-size:11px;font-weight:750;line-height:1.65}.learn-card h3{font-size:20px;line-height:1.45;margin:16px 0 11px;color:var(--learn-ink);letter-spacing:-.01em}.learn-card p{font-size:14px;line-height:1.75;margin:0 0 24px}.learn-card-foot{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:650;margin-top:auto;color:var(--learn-muted);padding-top:14px;border-top:1px solid var(--learn-border)}.learn-card[hidden],.learn-card-meta [hidden],#learnEmpty[hidden]{display:none!important}
.learn-progress-note{border-top:1px solid var(--learn-border);padding-top:28px;margin-top:45px}.learn-progress-note h2{font-size:22px}.learn-progress-note p{font-size:15px}
.learn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;margin:12px 0 28px;color:var(--learn-muted)}.learn-breadcrumb a{color:var(--learn-muted);text-decoration:none}.learn-breadcrumb a:hover{text-decoration:underline}.learn-lesson-hero h1{font-size:clamp(31px,4vw,48px);max-width:840px;margin:16px 0 22px}.learn-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--learn-muted);font-size:12px;line-height:1.6}.learn-jump{display:flex;flex-wrap:wrap;gap:8px;border-block:1px solid var(--learn-border);padding:12px 0;margin:27px 0 6px}.learn-jump a{color:var(--learn-ink);text-decoration:none;font-size:14px;font-weight:650;padding:12px 18px;min-height:44px;border-radius:9px}.learn-jump a:hover{background:var(--learn-tint)}
.learn-reading{max-width:910px}.learn-section{padding:33px 0;border-bottom:1px solid var(--learn-border);scroll-margin-top:110px}.learn-section h2{font-size:27px;margin:0 0 14px;line-height:1.4;letter-spacing:-.02em}.learn-section h3{font-size:18px;line-height:1.5;margin:23px 0 9px}.learn-section p{font-size:16px;margin:8px 0 18px}.learn-section-head{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px}.learn-section-no{flex-shrink:0;font-size:12px;font-weight:800;padding-top:9px;color:var(--learn-accent)}.learn-section-head p{margin:0}.learn-formula{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(21px,3vw,30px);line-height:1.55;border:1px solid var(--learn-border);background:var(--learn-tint);padding:26px;border-radius:14px;overflow-wrap:anywhere;text-align:center;margin:23px 0 28px}
.learn-variables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:10px 0 25px}.learn-variables>div{display:flex;gap:15px;border-bottom:1px solid var(--learn-border);padding:16px 0;align-items:flex-start}.learn-variables dt{min-width:44px;max-width:100px;font-family:ui-monospace,monospace;font-size:20px;color:var(--learn-accent);overflow-wrap:anywhere}.learn-variables dd{margin:0;min-width:0}.learn-variables strong{font-size:15px;font-weight:600;display:block}.learn-variables dd span{display:block;font-size:13px;color:var(--learn-muted);margin-top:6px;direction:ltr;unicode-bidi:isolate}
.learn-callout{border-inline-start:3px solid var(--learn-accent);background:var(--learn-tint);padding:18px 22px;border-radius:0 11px 11px 0;margin-top:22px}[dir="rtl"] .learn-callout{border-radius:11px 0 0 11px}.learn-callout h3{margin:0 0 9px}.learn-callout p{margin:0;line-height:1.9}.learn-warning{border-inline-start-color:#bb7618}.learn-givens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--learn-border);border-radius:14px;overflow:hidden;background:var(--learn-paper);margin:22px 0}.learn-givens>div{padding:15px 20px;min-width:0}.learn-givens dt{font-size:13px;color:var(--learn-muted);line-height:1.65}.learn-givens dd{font-size:21px;font-weight:650;margin:8px 0 0;overflow-wrap:anywhere}
.learn-steps{list-style:none;padding:0;margin:26px 0}.learn-steps>li{display:flex;gap:18px;margin:0;padding:0 0 25px}.learn-steps>li:last-child{padding-bottom:0}.learn-step-index{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--learn-border);background:var(--learn-paper);font-size:13px;font-weight:750;color:var(--learn-accent);margin-top:1px}.learn-steps>li>div:last-child{min-width:0;flex:1}.learn-steps h3{margin:2px 0 10px;font-size:18px}.learn-steps p{font-size:15px;line-height:1.85}.learn-expression{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1.85;background:var(--learn-tint);padding:14px 18px;border-radius:10px;overflow-wrap:anywhere;white-space:normal;text-align:start}
.learn-answer{border:1px solid var(--learn-border);border-radius:14px;background:var(--learn-tint);padding:22px 25px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.learn-answer>span{font-size:13px;font-weight:700;color:var(--learn-accent)}.learn-answer strong{font-size:30px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.learn-answer small{color:var(--learn-muted);line-height:1.6}.learn-calculator{background:var(--learn-paper);border:1px solid var(--learn-border);padding:29px;border-radius:18px;margin-top:30px}.learn-calculator .tool-body{padding:0!important;background:transparent!important;border:none!important}.learn-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.learn-input-unit{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:7px}.learn-input-unit select{font-size:14px;padding-inline:8px}.learn-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.learn-actions button{min-height:46px}.learn-calculator #learnResult:empty{display:none}.learn-calculator #learnResult:not(:empty){margin-top:28px;padding-top:23px;border-top:1px solid var(--learn-border)}
.learn-practice-entry{display:grid;grid-template-columns:minmax(0,1fr) 115px auto;gap:10px}.learn-reveal{border:1px solid var(--learn-border);border-radius:12px;padding:15px 19px;margin-top:16px;background:var(--learn-paper)}.learn-reveal summary{min-height:35px;font-size:15px;cursor:pointer;line-height:1.7;font-weight:600;padding:5px 0}.learn-reveal>p{font-size:15px}.learn-feedback:not(:empty){padding:16px 18px;border-radius:10px;margin:16px 0;background:var(--learn-tint);line-height:1.8;font-size:15px}.learn-feedback.is-error{border-inline-start:3px solid #ba6b20}.learn-feedback.is-correct{border-inline-start:3px solid #258467}.learn-quiz-option{display:flex;align-items:center;gap:12px;padding:13px;margin:10px 0;border:1px solid var(--learn-border);border-radius:10px;cursor:pointer;font-size:15px;min-height:48px}.learn-quiz-option input{width:18px!important;height:18px;flex-shrink:0}.learn-practice fieldset{border:0;padding:0;margin:0 0 20px}.learn-practice legend{font-weight:650;line-height:1.7;margin:8px 0 14px}
.learn-finish{margin:32px 0;padding:25px;border:1px solid var(--learn-border);border-radius:16px;background:var(--learn-tint)}.learn-finish h2{font-size:23px;margin:0 0 8px}.learn-finish p{font-size:14px;max-width:680px}.learn-finish button[aria-pressed="true"]{border-color:var(--learn-accent)}.learn-references{margin:36px 0}.learn-references h2,.learn-related h2{font-size:23px}.learn-references ul{padding-inline-start:20px;line-height:1.8}.learn-references li{margin:10px 0;font-size:14px;overflow-wrap:anywhere}.learn-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.learn-related .learn-card h3{font-size:17px}.learn-related .learn-card p{display:none}.learn-related .learn-card{padding:19px}.learn-related .learn-card-foot{font-size:11px}
.learn-promo{margin:22px 0;border:1px solid var(--line-strong,#dce3ee);border-radius:15px;padding:23px 26px;background:var(--surface-solid,#fff);display:flex;align-items:center;justify-content:space-between;gap:24px}.learn-promo h2{font-size:23px;margin:0 0 9px;line-height:1.4}.learn-promo p{font-size:15px;line-height:1.75;color:var(--muted,#5b6880);margin:0;max-width:700px}.learn-promo>a{flex-shrink:0}.learn-tool-lessons{border-top:1px solid var(--line-strong,#dce3ee);padding:20px 0;margin:24px 0}.learn-tool-lessons h2{font-size:22px}.learn-tool-lessons a{display:inline-block;line-height:1.65;margin:5px 18px 5px 0;text-underline-offset:4px}.learn-civil-link{display:block;font-size:14px;line-height:1.75;margin:12px 0;text-underline-offset:4px;color:var(--brand-2,#315dc4)}
@media(max-width:1050px){.learn-hub-hero{gap:25px;grid-template-columns:1.3fr 1fr}.learn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav .nav-link{padding-inline:9px}.learn-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.learn-hub-hero{grid-template-columns:1fr;padding-top:18px;gap:22px}.learn-hero-note{padding:22px}.learn-hero-note strong{font-size:21px;margin:9px 0}.learn-coverage{grid-template-columns:repeat(2,1fr);gap:22px}.learn-coverage strong{font-size:26px}.learn-path-grid{grid-template-columns:1fr;gap:11px}.learn-path{padding:15px 18px}.learn-title-row{align-items:flex-start;flex-direction:column;gap:7px}.learn-filters{grid-template-columns:minmax(0,1fr) 150px;gap:12px}.learn-filters>button{grid-column:1/-1;justify-self:start}.learn-related-grid{grid-template-columns:1fr}.learn-lesson-hero h1{font-size:35px}.learn-intro{font-size:17px!important}.learn-jump a{padding:10px 12px;font-size:13px}.learn-section{padding-top:27px;padding-bottom:27px}.learn-section h2{font-size:24px}.learn-section-head{gap:12px}.learn-section-no{font-size:11px}.learn-formula{padding:23px 18px;font-size:23px}.learn-field-grid{grid-template-columns:1fr}.learn-calculator{padding:22px}.learn-practice-entry{grid-template-columns:minmax(0,1fr) 110px}.learn-practice-entry button{grid-column:1/-1;justify-self:start}.learn-answer strong{font-size:26px}.learn-promo{align-items:flex-start;flex-direction:column;gap:18px;padding:21px}.learn-steps>li{gap:11px}.learn-step-index{flex-basis:29px;height:29px}.learn-expression{font-size:14px;padding:12px}.learn-variables{gap:0 16px}.learn-finish{padding:21px}}
@media(max-width:470px){.learn-card-grid{grid-template-columns:1fr}.learn-card{padding:21px}.learn-filters{grid-template-columns:1fr}.learn-givens{grid-template-columns:1fr}.learn-givens>div{padding:13px 17px;border-bottom:1px solid var(--learn-border)}.learn-givens>div:last-child{border-bottom:0}.learn-variables{grid-template-columns:1fr}.learn-lesson-hero h1{font-size:31px}.learn-hero-note strong{font-size:19px}.learn-calculator{padding:18px}.learn-input-unit{grid-template-columns:minmax(0,1fr) 95px}.learn-meta{font-size:11px;gap:8px 14px}.learn-coverage span{font-size:12px}.learn-coverage strong{font-size:24px}.learn-steps h3{font-size:17px}.learn-breadcrumb{font-size:12px}}
@media(prefers-reduced-motion:reduce){.learn-card{transition:none}.learn-card:hover{transform:none}}
@media print{.site-header,.footer,.learn-jump,.learn-breadcrumb,.learn-finish,.learn-related,.learn-calculator,#flickAssistant,.flick-assistant,.sf-consent-banner{display:none!important}.learn-page{max-width:none!important;padding:0!important;background:#fff!important;color:#111!important}.learn-page p{color:#333!important}.learn-section{break-inside:auto;border-color:#ccc}.learn-steps>li,.learn-callout,.learn-answer{break-inside:avoid}.learn-expression,.learn-formula,.learn-answer{background:#f4f4f4!important;color:#111!important}.learn-references a{color:#111!important}.learn-practice form{display:none}.learn-reveal{break-inside:auto}.learn-page h1{font-size:28px}.learn-intro{font-size:14px!important}.learn-page .learn-section h2{font-size:21px}.learn-meta{font-size:10px}}
/* Anchors keep native navigation without inheriting the inline text-link box. */
.learn-hub a.primary-btn,.learn-page a.primary-btn,.learn-promo>a.primary-btn,.learn-page a.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;text-decoration:none;border-radius:10px;font-size:15px;line-height:1.5;font-weight:650}
.learn-hub a:focus-visible,.learn-page a:focus-visible,.learn-promo a:focus-visible{outline:3px solid var(--brand-2,#3468e5);outline-offset:4px}
@media(forced-colors:active){.learn-formula,.learn-answer,.learn-card,.learn-callout{border:1px solid CanvasText}.learn-card:hover{outline:1px solid Highlight}}

/* Labelled, accessible concept sketches; no external image or tracking request. */
.learn-diagram{margin:22px 0 28px;padding:18px;border:1px solid var(--learn-border);border-radius:14px;background:var(--learn-paper)}
.learn-diagram svg{display:block;width:100%;height:auto;max-width:650px;margin:auto;color:var(--learn-accent)}
.learn-diagram svg path,.learn-diagram svg rect,.learn-diagram svg circle{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.learn-diagram svg .learn-svg-beam{stroke-width:7}.learn-diagram svg .learn-svg-fill{fill:var(--learn-tint)}.learn-diagram svg .learn-svg-dim{stroke-width:1.6;stroke-dasharray:5 5}
.learn-diagram svg text{fill:currentColor;font-size:30px;font-family:ui-monospace,monospace;direction:ltr}
.learn-diagram figcaption{font-size:14px;line-height:1.9;color:var(--learn-muted);max-width:720px;margin:8px auto 0}.learn-diagram figcaption strong{font-weight:650}
@media(max-width:470px){.learn-diagram{padding:10px}.learn-diagram figcaption{font-size:13px}}
@media print{.learn-diagram{break-inside:avoid}.learn-diagram svg{max-height:170px;color:#111}}

.learn-inline-symbol{white-space:nowrap}
/* Keep secondary learning labels readable on phones as well as desktops. */
.learn-eyebrow,.learn-hero-note>span,.learn-card-meta,.learn-card-foot,.learn-meta,.learn-related .learn-card-foot,.learn-section-no{font-size:13px}
@media(max-width:470px){.learn-coverage span{font-size:13px}.learn-meta{font-size:13px}.learn-section-no{font-size:13px}}

.learn-interactive-fieldset{padding:0;margin:0;border:0;min-width:0}
#learnPractice .learn-interactive-fieldset>label{font-size:14px;font-weight:650;display:block;margin-bottom:8px;color:var(--learn-ink)}
/* v0.15: two complete examples, accessible numerical tables and coordinate input. */
.learn-reading,.learn-section,.learn-steps>li>div,.learn-givens dd,.learn-variables dd{min-width:0}
.learn-field-wide{grid-column:1/-1}
.learn-field textarea{width:100%;min-width:0;min-height:9rem;resize:vertical;font:inherit;font-size:16px;line-height:1.6;padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--input-bg,var(--card));color:var(--text)}
.learn-variables dd p{margin:.45rem 0;line-height:1.8;overflow-wrap:anywhere}
.learn-output-symbol{border-inline-start:3px solid var(--accent);padding-inline-start:.75rem}
.learn-numeric-table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.6}
.learn-numeric-table th,.learn-numeric-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}
.learn-numeric-table th{font-weight:700}
.learn-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:10px;margin-block:.8rem;overscroll-behavior-inline:contain}
.learn-table-scroll:focus-visible,.learn-field textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.learn-givens pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit}
.learn-secondary-answer{display:block;font-size:clamp(1.3rem,3vw,1.8rem);overflow-wrap:anywhere}
.learn-secondary-label{display:block;margin-top:1rem}
.learn-answer p{font-size:1rem;font-weight:400;line-height:1.8}
.learn-code-context{border-inline-start:3px solid var(--border);padding-inline-start:1rem;line-height:1.8}
.learn-practice form>.primary-btn{margin-block:.8rem}
.learn-small{overflow-wrap:anywhere}
@media(max-width:540px){.learn-field-wide .learn-input-unit{grid-template-columns:1fr}.learn-field-wide select{max-width:100%}.learn-numeric-table{font-size:.85rem}.learn-section-head>div{min-width:0}}
@media print{.learn-table-scroll{overflow:visible}.learn-numeric-table{font-size:9pt}.learn-reveal{break-inside:auto}}