.wide-frame{--frame-max:1440px;--frame-pad:clamp(24px, 4vw, 64px);--frame-inner:calc(var(--frame-max) - 2 * var(--frame-pad))}.learn-classical{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201f1d;--color-accent:#b68235;--color-divider:#201f1d29;--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;--color-accent-100:#fff3e4;--color-accent-200:#ffe3bf;--color-accent-300:#facb8d;--color-accent-400:#e1ad66;--color-accent-500:#c28d41;--color-accent-600:#a06f24;--color-accent-700:#7d5411;--color-accent-800:#5a3b0a;--color-accent-900:#3a270d;--font-heading:var(--font-classical-heading), Georgia, serif;--font-heading-weight:600;--font-body:var(--font-classical-body), Georgia, serif;--font-code:ui-monospace, Menlo, monospace;--space-1:4.6px;--space-2:9.2px;--space-3:13.8px;--space-4:18.4px;--space-6:27.6px;--space-8:36.8px;--radius-sm:2px;--radius-md:4px;--radius-lg:7px;--color-paper:var(--color-bg);--color-card:var(--color-bg);--color-ink:var(--color-text);--color-ink-soft:var(--color-neutral-700);--color-line:var(--color-divider);--color-indigo:var(--color-accent-700);--color-indigo-deep:var(--color-accent-800);--color-ready:var(--color-accent-700);--color-ready-soft:var(--color-accent-100);--color-gap:#9b3a26;--font-sans:var(--font-body);--font-display:var(--font-heading);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);flex:1;font-size:15px;line-height:1.55}.learn-classical :focus{outline:none}.learn-classical :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.learn-classical ::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.learn-classical a{text-underline-offset:3px}.learn-classical .tnum{font-feature-settings:"tnum"}.learn-classical .f-heading{font-family:var(--font-heading)}.learn-classical .f-code{font-family:var(--font-code)}.learn-classical .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700);font-size:11px}.learn-classical .meta{color:var(--color-neutral-700);font-size:13px}.learn-classical code.ic{font-family:var(--font-code);color:var(--color-accent-800);background:0 0;border:0;padding:0;font-size:.86em}.learn-classical a.ic-link{color:var(--color-accent-800);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent) 55%, transparent)}.learn-classical a.ic-link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.learn-classical .codeblock{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-neutral-100);font:12.5px/1.8 var(--font-code);white-space:pre;color:var(--color-text);margin:0;padding:13px 18px;overflow-x:auto}.learn-classical .codeblock .cm{color:var(--color-neutral-600)}.learn-classical .hl{border-top:1px solid var(--color-divider)}.learn-classical .hl-row{border-bottom:1px solid var(--color-divider);padding:12px 0}.learn-classical .hl-num{grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}.learn-classical .hl-num>.n{color:var(--color-accent-700);font-feature-settings:"tnum"}.learn-classical .hover-wash:hover{background:var(--color-neutral-100)}.learn-classical .btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;transition:background-color .2s;display:inline-flex}.learn-classical .btn svg{flex:none;display:block}.learn-classical .btn:disabled,.learn-classical .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.learn-classical .btn-primary{color:var(--color-accent-700);border-color:var(--color-accent)}.learn-classical .btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.learn-classical .btn-primary:active:not(:disabled){background:color-mix(in srgb, var(--color-accent) 22%, transparent)}.learn-classical .btn-secondary{border-color:var(--color-divider)}.learn-classical .btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 7%, transparent)}.learn-classical .btn-secondary:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 14%, transparent)}.learn-classical .btn-ghost{color:var(--color-accent-700);padding-inline:var(--space-1)}.learn-classical .btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.learn-classical .btn-icon{width:36px;height:36px;padding:0}.learn-classical .btn-block{width:100%;margin-top:var(--space-2)}.learn-classical .field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.learn-classical .input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:0 0;padding:6px 10px;font-size:14px}.learn-classical .input:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.learn-classical .input:focus-visible{border-color:var(--color-accent);outline-offset:0}.learn-classical .input:disabled{opacity:.6;cursor:not-allowed}.learn-classical .seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.learn-classical .seg-opt{font:inherit;cursor:pointer;color:var(--color-text);background:0 0;border:0;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;display:inline-flex}.learn-classical .seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.learn-classical .seg-opt[aria-pressed=true]{color:var(--color-accent-700);box-shadow:inset 0 0 0 1px var(--color-accent)}.learn-classical .seg-opt[aria-pressed=false]:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.learn-classical .card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-divider);background:0 0;flex-direction:column;display:flex}.learn-classical .card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:10px}.learn-classical .card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.learn-classical .tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.learn-classical .tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.learn-classical .nav{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-divider);padding:14px 48px;display:flex}.learn-classical .nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);margin-right:auto;font-size:22px;text-decoration:none}.learn-classical .nav a{color:inherit;font-size:14px;text-decoration:none}.learn-classical .nav a:hover,.learn-classical .nav a[aria-current=page]{color:var(--color-accent-700)}.learn-classical h1,.learn-classical h2,.learn-classical h3,.learn-classical h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0;line-height:1.12}.learn-classical .display{letter-spacing:-.02em;text-wrap:balance;font-weight:400}.learn-classical strong,.learn-classical b{font-weight:600}.learn-classical .prose-c p{margin:0}.learn-classical .prose-c>:not(:first-child){margin-top:14px}@media (prefers-reduced-motion:reduce){.learn-classical *,.learn-classical :before,.learn-classical :after{transition:none!important;animation:none!important}}.learn-classical .bg-indigo{color:var(--color-accent-700);border:1px solid var(--color-accent);box-shadow:none;background:0 0}.learn-classical .bg-indigo:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.learn-classical .tag-outline{border:1px solid var(--color-accent);color:var(--color-accent-700);background:0 0}.learn-classical .art-p{text-wrap:pretty;margin:0}.learn-classical .art-justify{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.learn-classical .gloss-term{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:3px}@media (max-width:900px){.learn-classical .flow-grid{row-gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.learn-classical .flow-col{border-top:1px solid var(--color-divider);padding-top:12px;border-left:0!important}}@media (pointer:coarse){.learn-classical .btn,.learn-classical .seg-opt,.learn-classical .touch-44{min-height:44px}.learn-classical .btn-icon{width:44px}}
