.catalog-layout>main:has(>.notes-article-page){max-width:1120px;padding:1.5rem 2rem 3rem}.notes-article-page{--letter-paper:#fff6e8;--letter-rule:#d9c7aa;--letter-accent:#936c38;--letter-wash:#f3e8d4;--letter-muted:#74634e}.notes-back{max-width:960px;margin:0 auto 1rem}.notes-back a{min-height:44px;color:var(--color-brand);align-items:center;font-size:.8rem;text-decoration:none;display:inline-flex}.notes-back a:hover{text-underline-offset:.3em;text-decoration:underline}.notes-back a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.notes-article{isolation:isolate;max-width:960px;color:var(--color-ink);background:var(--letter-paper);border:1px solid var(--color-rule);border-radius:3px;margin-inline:auto;padding:3.2rem 6rem 3.5rem;position:relative;box-shadow:0 3px 5px #573b1810,0 20px 45px #67492508}.notes-article:before{content:"";z-index:-1;opacity:.045;pointer-events:none;border-radius:inherit;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.72'%20numOctaves='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3c/filter%3e%3cpath%20fill='%2382694c'%20filter='url(%23grain)'%20d='M0%200h160v160H0z'/%3e%3c/svg%3e");position:absolute;inset:0}.notes-article-heading{border-bottom:1px solid var(--letter-rule);margin-bottom:2.8rem;padding-bottom:1.2rem}.notes-article[data-opening-title] .notes-article-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;display:flex}.notes-article-category{color:var(--color-brand);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:500}.notes-article h1{font:450 clamp(1.8rem,3.5vw,2.75rem)/1.7 var(--font-display);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:1rem 0 1.2rem}.notes-article-byline{color:var(--letter-muted);font:.74rem/1.6 var(--font-body);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.notes-prose{font-family:var(--font-body);font-size:var(--reader-font-size);font-weight:400;line-height:calc(var(--reader-line-height) + .3);overflow-wrap:anywhere}.notes-prose p{white-space:pre-wrap;margin:0 0 .7em}.notes-prose :is(h2,h3,h4){font-family:var(--font-display);margin:1.7em 0 .8em;font-weight:500;line-height:1.8}.notes-prose ul,.notes-prose ol{margin:1rem 0 1.25rem;padding-left:1.4rem}.notes-prose li{white-space:pre-wrap;margin:.65em 0;padding-left:.35em}.notes-prose li::marker{color:var(--letter-accent)}.notes-prose strong{font-weight:500}.note-section{margin-block:2.3rem}.note-section:first-child{margin-top:0}.note-section:last-child{margin-bottom:0}.note-stanza p{margin:0}.note-stanza+.note-stanza{margin-top:1.25rem}.note-section--opening{border-bottom:1px solid var(--letter-rule);font-family:var(--font-display);margin-bottom:2.4rem;padding-bottom:1.9rem}.note-section--opening p:first-child{letter-spacing:-.025em;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.65}.note-section--opening p+p{color:var(--color-brand);margin-top:.25rem;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.7}.note-section--opening strong{font-weight:450}.note-section--philosophy{border-left:2px solid var(--letter-rule);padding-left:1.5rem;font-size:1.075em;line-height:2.1}.note-stanza--separator{color:var(--letter-accent);letter-spacing:.24em;font-size:.75em}.note-stanza--separator ul{margin:.85rem 0 0;padding-left:1.1rem}.note-stanza--separator li{margin:0}.note-section--struggles ul{background:var(--letter-wash);border-top:1px solid var(--letter-rule);border-bottom:1px solid var(--letter-rule);margin:1.35rem 0 0;padding:1rem 1.35rem 1rem 2.6rem}.note-section--struggles li{margin:.4em 0}.note-section--battle{border-block:1px solid var(--letter-rule);padding-block:1.6rem}.note-section--battle .note-stanza:first-child>p:first-child{font-family:var(--font-display);font-size:1.15em}.note-section--battle ul{margin:.8rem 0 0}.note-stanza--quotation{border-left:1px solid var(--letter-accent);color:var(--letter-muted);padding-left:1.25rem}.note-section--approach ul{color:var(--letter-muted);margin:.9rem 0 0;font-size:.94em}.note-stanza--gift{color:var(--color-brand);font-family:var(--font-display);font-size:1.15em;line-height:2.1}.note-section--benefits ul{border-left:2px solid var(--letter-accent);background:var(--letter-wash);margin:1.15rem 0 0;padding:1rem 1.3rem 1rem 2.5rem}.note-section--benefits li{margin:.7em 0}.note-section--access{border-left:1px solid var(--letter-rule);color:var(--letter-muted);padding-left:1.4rem;font-size:.94em}.note-section--closing{border-top:1px solid var(--letter-rule);padding-top:1.6rem;font-size:1.075em;line-height:2.2}.note-stanza--signature{width:max-content;max-width:100%;color:var(--color-brand);font-family:var(--font-display);padding-top:1rem;font-size:1.18em}.notes-back-bottom{margin-top:1rem;margin-bottom:0}:root[data-theme=light] .notes-article-page{--letter-paper:#fff8ed}:root[data-theme=dark] .notes-article-page{--letter-paper:#27251f;--letter-rule:#504738;--letter-accent:#c4a16a;--letter-wash:#302d24;--letter-muted:#c1b5a1}:root[data-theme=dark] .notes-article:before{opacity:.025}@media (width<=64rem){.notes-article{padding:2.8rem clamp(2rem,8vw,6rem) 3rem}}@media (width<=48rem){.catalog-layout>main:has(>.notes-article-page){padding:1rem 1.15rem 2.5rem}.notes-article{padding:2rem 2.1rem 2.5rem}.notes-article-heading{margin-bottom:2rem}.note-section{margin-block:1.9rem}.note-section--opening{margin-bottom:2rem;padding-bottom:1.6rem}.note-section--philosophy{padding-left:1.1rem}.note-section--battle{padding-block:1.3rem}}@media (width<=30rem){.catalog-layout>main:has(>.notes-article-page){padding:.65rem .55rem 2rem}.notes-back{margin:0 .6rem .6rem}.notes-article{padding:1.5rem 1.15rem 2rem}.notes-article-heading{gap:.45rem;margin-bottom:1.7rem;padding-bottom:.9rem}.notes-article-byline{font-size:.69rem}.notes-article-category{font-size:.6rem}.notes-prose{font-size:clamp(18px,var(--reader-font-size),24px);line-height:calc(var(--reader-line-height) + .35)}.note-section--opening p:first-child{letter-spacing:normal;font-size:1.65rem;line-height:1.85}.note-section--opening p+p{margin-top:.2rem;font-size:2rem;line-height:1.8}.note-section--philosophy{padding-left:.85rem;font-size:1.025em}.note-section--struggles ul,.note-section--benefits ul{padding:.75rem .8rem .75rem 1.9rem}.note-stanza--quotation{padding-left:.85rem}.note-section--access{padding-left:.95rem}.note-section--closing{font-size:1em}.notes-back-bottom{margin-top:.7rem}}@media (prefers-reduced-motion:reduce){.notes-article-page *{scroll-behavior:auto;transition:none;animation:none}}@media print{.notes-back{display:none}.notes-article{max-width:none;box-shadow:none;border:0;padding:0}.notes-article:before{display:none}.note-section{break-inside:avoid}}.subject-b-article .notes-article-heading{padding-bottom:1.5rem;position:relative}.subject-b-article .notes-article-heading:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--letter-paper),transparent 70%),url(/notes-assets/study-corner.webp) center/cover;opacity:.18;pointer-events:none;position:absolute;inset:-2rem -2rem -1rem 48%}.subject-b-article .notes-article h1{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.85}.subject-b-article .note-section--statistics>div>p:first-child,.note-section--reasons>div>p:first-child,.subject-b-article .note-section--explanation>div>p:first-child{font-weight:600}.note-section--statistics{border-left:2px solid var(--letter-accent);background:var(--letter-wash);padding:1rem 1.3rem}.note-section--statistics mark{color:#49321d;background:#e7c28f;border-radius:3px;padding:.05em .2em;font-weight:600}.subject-b-article .note-section p{margin-bottom:.6em}.subject-b-article .note-section p:last-child{margin-bottom:0}.note-section--reasons{background:var(--letter-wash);border-block:1px solid var(--letter-rule);padding:1rem 1.3rem}.note-section--explanation{border-bottom:1px solid var(--letter-rule);padding-bottom:1.3rem}.subject-b-article .notes-prose a{color:var(--color-brand);text-underline-offset:.2em;overflow-wrap:anywhere;font-size:.8em;text-decoration-thickness:1px}.note-section--warning{background:#a5522c0c;border-left:2px solid #b97054;padding:1rem 1.3rem}.note-section--invitation{margin-bottom:0}.notes-feedback{max-width:960px;margin:2rem auto}.notes-feedback>h2{font:500 clamp(1.2rem,2.4vw,1.6rem)/1.9 var(--font-display);margin:0 0 1.5rem}.notes-feedback-photos{columns:2;column-gap:1.5rem}.notes-feedback-paper{break-inside:avoid;background:var(--color-card);border:1px solid var(--color-rule);margin:0 0 1.5rem;padding:.7rem;position:relative;transform:rotate(-.6deg);box-shadow:0 5px 14px #67492516}.notes-feedback-paper:nth-child(2n){transform:rotate(.7deg)}.notes-feedback-paper:before{content:"";z-index:1;background:#dfbc8299;width:48px;height:17px;position:absolute;top:-9px;left:42%;transform:rotate(-9deg)}.notes-feedback-photo{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.notes-feedback-photo:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.notes-feedback-photo img{width:100%;height:auto;display:block}.notes-feedback-viewer{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);width:min(1080px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-ink);box-shadow:var(--shadow-popover);margin:auto;padding:1rem;position:fixed;inset:0}.notes-feedback-viewer::backdrop{background:var(--color-overlay);backdrop-filter:blur(6px)}.notes-feedback-viewer-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.notes-feedback-viewer-heading h2{font:500 clamp(.9rem,2vw,1.15rem)/1.9 var(--font-body);margin:0}.notes-feedback-viewer-heading button{flex-shrink:0;min-width:44px;min-height:44px}.notes-feedback-viewer>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 9rem);margin:auto;display:block}@media (width<=38rem){.notes-feedback{padding-inline:.5rem}.notes-feedback-photos{columns:1}.notes-feedback-viewer{width:calc(100% - 1rem);padding:.65rem}.notes-feedback-viewer-heading{gap:.4rem}.note-section--statistics,.note-section--reasons,.note-section--warning{padding:.8rem}.subject-b-article .notes-article-heading:before{opacity:.1;inset:0 0 0 35%}}.subject-b-article .notes-prose a{font-size:inherit;text-decoration-color:var(--letter-accent);text-underline-offset:.25em;font-weight:500;text-decoration-thickness:1px}.subject-b-article .note-section--invitation a[href="/courses/subject-b/"]{border:1px solid var(--color-brand);border-radius:var(--radius-md);background:var(--color-brand);max-width:100%;min-height:44px;color:var(--color-on-brand);text-align:center;white-space:normal;margin-top:.9rem;padding:.75rem 1.1rem;line-height:1.9;text-decoration:none;display:inline-block}.subject-b-article .note-section--invitation a[href="/courses/subject-b/"]:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.subject-b-article .note-section--invitation a[href="/courses/subject-b/"]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.catalog-layout>main:has(>.announcement-article){max-width:960px;padding:2.5rem 2rem 4rem}.announcement-article .notes-article{max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.announcement-article .notes-article:before{display:none}.announcement-article .notes-article-heading{border:0;margin-bottom:1.5rem;padding-bottom:1rem}.announcement-article .notes-article h1{margin-top:.75rem;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.75}.announcement-article .note-section--introduction{margin:0 0 2rem}.announcement-article .note-section--introduction p{white-space:pre-line;margin:0 0 1rem}.announcement-article .note-section--introduction p:last-child{margin-bottom:0}.announcement-article .course-section{margin:0}.announcement-article .course-section h2{white-space:normal}.announcement-article .course-section-body p{white-space:normal;margin:0 0 .85rem}.announcement-article .course-section-body p:last-child{margin-bottom:0}.announcement-article .course-section-body .note-stanza+.note-stanza{margin-top:.85rem}.announcement-article .note-literal-rule{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.announcement-article .note-literal-list{margin:.8rem 0;padding:0 0 0 .5rem;list-style:none}.announcement-article .note-literal-list li{white-space:normal;margin:.35rem 0;padding:0}.announcement-article .note-stanza--price{color:var(--color-brand);font-size:1.2em}.announcement-article .notes-prose a{color:var(--color-brand);text-underline-offset:.25em}.notes-enrollment-action{margin-top:1.5rem}.notes-enrollment-action a{grid-column:2;justify-self:start}.notes-enrollment-action a,.notes-feedback-link a{white-space:normal;text-align:center;max-width:100%;min-height:48px;font-family:var(--font-body);line-height:1.9}.notes-feedback-link{text-align:center;max-width:960px;margin:1.5rem auto 2rem}@media (width<=52rem){.notes-enrollment-action a{grid-column:1}}@media (width<=48rem){.catalog-layout>main:has(>.announcement-article){padding:1.5rem 1.25rem 3rem}}@media (width<=30rem){.announcement-article .notes-back{margin-inline:0}.announcement-article .course-page{font-size:1rem}}
