/* The learning example shares the site's typography and color variables. */
.ll-section{background:var(--cream);padding-block:76px;scroll-margin-top:108px}
.ll-heading h2{font-size:35px}
.ll-heading>p{max-width:370px}
.ll-formula-box{padding:28px 32px;background:var(--paper);border:1px solid #e2dacc;border-radius:5px}
.ll-formula{font-family:Georgia,"Malgun Gothic",serif;font-size:clamp(22px,2.8vw,33px);font-weight:600;letter-spacing:-.025em;line-height:1.65;overflow-wrap:anywhere}
.ll-formula-box>p:last-child{font-size:12px;color:var(--muted);margin-top:8px}
.ll-options{border:0;margin:25px 0 0;padding:0;min-width:0}
.ll-options legend{font-size:12px;font-weight:650;color:var(--muted);margin-bottom:12px;padding:0}
.ll-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ll-option-grid label{display:flex;align-items:center;gap:14px;min-height:78px;padding:17px 23px;background:var(--paper);border:1px solid #c5c1b9;border-radius:4px;cursor:pointer}
.ll-option-grid label:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#fff8f4}
.ll-option-grid input{appearance:auto;flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--red);cursor:pointer}
.ll-option-grid input:focus-visible{outline:3px solid #17599e;outline-offset:5px}
.ll-option-grid strong{display:block;font-size:17px;line-height:1.5;font-weight:650}
.ll-option-grid input:checked+span strong{color:var(--red)}
.ll-option-grid small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.ll-status,.ll-fallback{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}
.ll-status:empty{display:none}
.ll-result{margin-top:22px;border:1px solid #e2dacc;border-radius:5px;background:var(--paper);padding:30px 32px 34px}
.ll-result-heading{padding-bottom:24px;border-bottom:1px solid var(--line)}
.ll-condition-label{color:var(--red);font-size:11px;font-weight:750;letter-spacing:.03em}
.ll-result-heading h3{font-size:28px;font-weight:700;line-height:1.55;margin-top:8px}
.ll-result-heading>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin-top:6px}
.ll-result-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:38px;margin-top:27px;align-items:start}
.ll-figure{margin:0;min-width:0}
.ll-graph{display:block;width:100%;height:auto;background:#f7f4ed;border:1px solid #ebe4d8;border-radius:4px}
.ll-figure figcaption{font-size:10px;color:#78766f;line-height:1.85;margin-top:10px}
.ll-reasons{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 27px}
.ll-reasons li{padding-top:13px;border-top:1px solid var(--line);min-width:0}
.ll-step{display:block;font-size:10px;font-weight:750;color:var(--red);letter-spacing:.015em;line-height:1.7}
.ll-reasons h4{font-size:17px;line-height:1.65;letter-spacing:-.045em;margin:8px 0 7px;font-weight:700}
.ll-reasons p{font-size:12px;color:var(--muted);line-height:1.95;margin:0;overflow-wrap:anywhere}
.ll-authorship{font-size:10px;line-height:1.8;color:#7d766c;margin-top:15px}
.ll-section [hidden]{display:none!important}
.ll-faq{padding-top:78px}
.ll-faq .section-heading>p{max-width:370px}
.ll-consult{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:29px 30px;background:#f5f0e7;border:1px solid #e7dfd1;border-radius:4px}
.ll-consult .eyebrow{font-size:9px}
.ll-consult h3{font-size:23px;line-height:1.55;font-weight:700;margin-top:12px}
.ll-consult p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin-top:10px}
.ll-consult p strong{font-weight:650;color:var(--ink)}
.ll-consult .button{flex-shrink:0;font-size:12px;min-height:49px;gap:16px}
.ll-reading-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:28px}
.ll-reading-links .text-link{font-size:12px;line-height:1.8}
.ll-director-link{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:5px;line-height:1.8}
.ll-director-link:hover{color:var(--red)}
@media(max-width:1000px){.ll-result-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:27px}.ll-reasons{grid-template-columns:1fr;gap:18px}.ll-heading h2{font-size:31px}.ll-reasons h4{font-size:17px}.ll-consult{gap:25px;padding:26px}.ll-consult .button{padding-inline:17px;font-size:11px}}
@media(max-width:700px){.ll-section{padding-block:54px}.ll-heading h2{font-size:29px}.ll-heading>p{margin-top:15px;font-size:12px}.ll-formula-box{padding:21px 23px}.ll-formula{font-size:24px}.ll-option-grid label{padding:15px 16px;gap:11px}.ll-option-grid strong{font-size:15px}.ll-option-grid small{font-size:10px}.ll-result{padding:24px}.ll-result-heading h3{font-size:25px}.ll-result-grid{grid-template-columns:1fr;gap:24px}.ll-figure{max-width:480px;width:100%;margin-inline:auto}.ll-reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ll-reasons h4{font-size:17px}.ll-faq{padding-top:54px}.ll-consult{flex-direction:column;align-items:start;gap:23px}.ll-consult h3{font-size:23px}.ll-consult .button{font-size:12px}.ll-reading-links{gap:19px}}
@media(max-width:480px){.ll-formula{font-size:20px}.ll-options{margin-top:22px}.ll-options legend{font-size:11px}.ll-option-grid{grid-template-columns:1fr;gap:9px}.ll-option-grid label{padding:14px 18px;min-height:67px}.ll-option-grid label>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 13px}.ll-option-grid small{margin:0}.ll-status,.ll-fallback{font-size:11px}.ll-result{padding:22px 19px 26px}.ll-result-heading h3{font-size:23px}.ll-result-heading>p:last-child{font-size:12px}.ll-result-grid{gap:23px}.ll-reasons{grid-template-columns:1fr;gap:20px}.ll-reasons h4{font-size:18px;margin-top:7px}.ll-reasons p{font-size:12px}.ll-consult{padding:24px 22px}.ll-consult p:not(.eyebrow) br{display:none}.ll-consult h3{font-size:22px}.ll-reading-links .text-link,.ll-director-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ll-consult .button{transition:none;transform:none}}