html[data-site-frame=umbrella]{&{color-scheme:light;--paper:#f8f6ef;--ink:#202b30;--muted:#596363;--line:#dcded6;--blue:#284fc5;--white:#fffefa;--lime:#dfe8b7;font-synthesis:none;scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}& *{box-sizing:border-box}& body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.6}& a{color:inherit}& button{font:inherit}& a,& button{-webkit-tap-highlight-color:transparent}& button{cursor:pointer}& [hidden]{display:none!important}& :focus-visible{outline:3px solid var(--blue);outline-offset:5px}& ::selection{background:#dce5fc}& svg{display:block}& p,& h1,& h2,& h3{margin:0}& h1,& h2{letter-spacing:-.055em;overflow-wrap:anywhere;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.08}& em{color:var(--blue);font-weight:400}& .wrap{width:min(1200px,100% - 96px);margin-inline:auto}& .header{border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:32px;padding-block:26px;display:flex}& .brand{letter-spacing:-.07em;align-items:center;gap:10px;font-size:1.8rem;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}& .brand-dot{color:var(--blue);margin-left:-9px}& .header nav{flex-wrap:wrap;gap:32px;margin-left:auto;font-size:1rem;font-weight:550;display:flex}& .header nav a{min-height:44px;font-size:inherit;align-items:center;padding-block:8px;text-decoration:none;display:inline-flex}& .header nav a:hover{text-underline-offset:5px;text-decoration:underline}& .status{color:#555f4e;white-space:nowrap;border:1px solid #d2d7c4;border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:6px 12px;font-size:.875rem;display:inline-flex}& .status>span{background:#7a895c;border-radius:50%;width:6px;height:6px}& .hero{border-bottom:0;grid-template-columns:1.35fr 1fr;align-items:center;gap:24px;padding-block:24px;display:grid}& .eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:.8125rem;font-weight:650}& h1{font-size:clamp(3.1rem,5.2vw,4rem)}& .lead{max-width:490px;color:var(--muted);margin-top:16px;font-size:1.125rem;line-height:1.65}& .primary{background:var(--blue);color:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:30px;max-width:100%;min-height:50px;margin-top:16px;padding:13px 20px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}& .primary:hover{background:#1b3ea4}& .primary span{font-size:1.5rem;font-weight:400;line-height:1}& .hero-art{isolation:isolate;justify-self:end;width:100%;max-width:450px;height:260px;position:relative}& .art-orbit{z-index:-1;border:1px solid #d4d9c9;border-radius:50%;width:320px;height:240px;position:absolute;inset:10px 0 auto auto;transform:rotate(-18deg)}& .paper{background:#fffefa;border:1px solid #dbdfd7;border-radius:5px;position:absolute;box-shadow:0 10px 22px #24302708}& .paper-back{width:255px;height:230px;padding:20px 23px;top:12px;left:102px;transform:rotate(10deg)}& .paper-back span{letter-spacing:.15em;font-size:.75rem}& .paper-back div{background:#deded6;height:1px;margin-top:20px}& .paper-front{width:300px;padding:22px 22px 65px;top:18px;left:39px;transform:rotate(-7deg)}& .paper-top{letter-spacing:.08em;color:#68716c;border-bottom:1px solid #dce0da;justify-content:space-between;padding-bottom:14px;font-size:.6875rem;font-weight:650;display:flex}& .paper-task{white-space:nowrap;align-items:center;gap:10px;margin-top:14px;font-size:.875rem;display:flex}& .paper-task i{color:#425f39;background:#eff3e7;border:1px solid #8b9d7c;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;line-height:1;display:grid}& .paper-task.last i{background:0 0;border-color:#b5bcb4}& .folder{background:var(--lime);color:#34432b;border:1px solid #b9c68d;border-radius:0 6px 10px 10px;justify-content:space-between;align-items:center;width:350px;height:90px;padding:20px 25px;display:flex;position:absolute;top:166px;left:16px;transform:rotate(-7deg);box-shadow:0 14px 20px #3742260a}& .folder-tab{background:var(--lime);border:1px solid #b9c68d;border-bottom:0;border-radius:8px 10px 0 0;width:135px;height:17px;position:absolute;top:-16px;left:-1px}& .folder span{max-width:170px;font-size:.8125rem;line-height:1.5}& .folder svg{width:48px;height:48px}& .art-note{color:var(--blue);font:italic 1.125rem/1.2 Georgia,serif;position:absolute;bottom:16px;right:1px;transform:rotate(9deg)}& .note-arrow{width:65px;color:var(--blue);position:absolute;bottom:-8px;right:13px}& .art-spark{color:#d66f43;font-size:3.1rem;font-weight:300;position:absolute;top:-2px;left:19px;transform:rotate(13deg)}& .directory{border-top:1px solid var(--line);padding-block:22px 55px;scroll-margin-top:24px}& .section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}& h2{font-size:2.85rem}& .filters{flex-wrap:wrap;gap:9px;margin-bottom:14px;display:flex}& .filter-select{display:none}& .filter-select select{font:inherit;color:var(--ink);background:var(--white);border:1px solid #aeb6aa;border-radius:7px;width:100%;min-height:48px;margin-top:6px;padding:10px 12px}& .filters button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:999px;min-height:44px;padding:9px 15px;font-size:1rem;font-weight:400;line-height:1.4;transition:background .15s}& .filters button:hover{background:#eeeee4}& .filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}& .filters button span{opacity:.8;padding-left:6px;font-size:.8125rem}& .preparation{color:var(--muted);align-items:flex-start;gap:9px;margin-bottom:16px;font-size:.875rem;display:flex}& .preparation-mark{border:1px solid #939e91;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin-top:3px;font:italic .75rem/1 Georgia,serif;display:inline-grid}& .topic-group+.topic-group{margin-top:31px}& .group-heading{flex-wrap:wrap;align-items:baseline;gap:15px;margin-bottom:12px;display:flex}& .group-heading h3{letter-spacing:normal;color:inherit;font-family:inherit;font-size:1rem;font-weight:650;line-height:1.5}& .group-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}& .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px 16px;display:grid}& .topic{background:var(--white);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:20px;text-decoration:none;display:flex}& .topic:hover{border-color:var(--blue);background:#f3f5fc}& .topic:hover .topic-label strong{text-underline-offset:3px;text-decoration:underline}& .topic:focus-visible{outline:3px solid var(--blue);outline-offset:3px}& .topic-heading{align-items:center;gap:15px;display:flex}& .topic img{flex-shrink:0;width:36px;height:36px}& .topic-label{flex-direction:column;gap:2px;min-width:0;display:flex}& .topic-label strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.125rem;font-weight:600;line-height:1.4}& .topic-label>span{color:var(--muted);font-size:.875rem}& .topic-arrow{color:var(--blue);flex-shrink:0;margin-left:auto;font-size:1.5rem;line-height:1}& .topic-description{color:var(--muted);overflow-wrap:anywhere;margin-left:51px;font-size:1rem;line-height:1.5}& .about{background:#eeefe2;border:1px solid #dedfce;border-radius:12px;grid-template-columns:1fr 1fr;gap:55px;margin-top:0;margin-bottom:46px;padding:40px 44px;scroll-margin-top:24px;display:grid;position:relative}& .about .eyebrow{color:#57644b;margin-bottom:16px}& .about h2{font-size:2.85rem}& .about h2 em{color:#556449}& .about-copy p{color:#505d4c;font-size:1.125rem}& .about-copy p+p{margin-top:12px}& .about-copy a{text-underline-offset:5px;align-items:center;gap:30px;min-height:44px;margin-top:20px;font-size:1rem;font-weight:600;display:inline-flex}& .about-symbol{color:#a1ae89;font-size:5rem;font-weight:300;line-height:1;position:absolute;bottom:18px;left:39%}& .footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:30px;margin-top:0;padding-block:25px 30px;display:flex}& .footer-brand{color:var(--ink);font-size:1.5rem}& .footer p{font-size:.875rem}& .footer>span{margin-left:auto;font-size:.8125rem}& .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& .skip{z-index:10;background:var(--blue);color:#fff;padding:10px 16px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}& .skip:focus{top:8px;transform:translateY(0)}@media (width>=1450px){& .hero{padding-block:30px}& h1{font-size:4.2rem}}@media (width<=1150px){& .wrap{width:calc(100% - 64px)}& .hero{grid-template-columns:1.3fr 1fr;gap:5px}& h1{font-size:clamp(2.7rem,5.4vw,4rem)}& .hero-art{transform-origin:100%;transform:scale(.88)}& .filters{gap:8px}& .filters button{padding-inline:12px}& .topic{padding:17px}& .topic-heading{gap:12px}& .topic-description{margin-left:48px}& .topic-label strong{font-size:1.0625rem}& .header nav{gap:24px}& .status{margin-left:0}}@media (width<=850px){& .hero{grid-template-columns:1fr;padding-block:30px}& .hero-copy{max-width:620px}& h1{font-size:clamp(3rem,8vw,4.4rem)}& .hero-art{display:none}& .lead{max-width:510px}& .header{flex-wrap:wrap;gap:14px;padding-block:22px}& .header nav{order:3;gap:26px;width:100%;margin-left:0;font-size:1rem}& .status{margin-left:auto}& .directory{padding-top:24px}& .section-heading{align-items:start}& .topic-grid{grid-template-columns:1fr}& .topic{padding:18px 20px}& .topic-label strong{font-size:1.125rem}& .about{gap:30px;padding:32px}& .about-symbol{display:none}& .about h2{font-size:2.5rem}& .footer{flex-wrap:wrap;gap:12px 24px}& .footer>span{width:100%;margin-left:0}}@media (width<=540px){& .filters{display:block}& .filters button{display:none}& .filter-select{width:100%;color:var(--muted);font-size:1rem;display:block}& .wrap{width:calc(100% - 40px)}& .header{gap:12px;padding-block:20px 13px}& .brand{gap:8px;font-size:1.6rem}& .brand svg{width:29px;height:29px}& .brand-dot{margin-left:-7px}& .status{gap:5px;padding:5px 8px;font-size:.75rem}& .hero{padding-block:8px}& h1{letter-spacing:-.055em;font-size:clamp(2.25rem,10vw,3.4rem);line-height:1.11}& .lead{margin-top:14px;font-size:1.125rem;line-height:1.55}& .primary{gap:28px;min-height:50px;margin-top:18px;padding:12px 17px}& .section-heading{margin-bottom:10px;display:block}& .directory{padding-top:12px}& h2{font-size:2.1rem}& .filters{gap:7px;margin-bottom:16px}& .filters button{padding:9px 12px;font-size:1rem}& .filters button:first-child{padding-inline:14px}& .preparation{margin-bottom:18px;font-size:.875rem;line-height:1.5}& .group-heading{justify-content:space-between;gap:10px}& .group-heading h3{font-size:1rem}& .group-heading>span{white-space:nowrap;font-size:.75rem}& .topic{padding:16px 14px}& .topic img{width:32px;height:32px}& .topic-label strong{font-size:1.0625rem;line-height:1.35}& .topic-label>span{margin-top:2px;font-size:.875rem}& .topic-description{margin-left:0}& .topic-group+.topic-group{margin-top:27px}& .directory{padding-bottom:35px}& .about{grid-template-columns:1fr;gap:20px;margin-bottom:30px;padding:26px 22px}& .about .eyebrow{margin-bottom:12px;font-size:.6875rem}& .about h2{font-size:2.25rem}& .about-copy p{font-size:1.125rem}& .about-copy a{margin-top:15px}& .footer{gap:14px;padding-top:22px;padding-bottom:24px}& .footer p{font-size:.8125rem}& .footer>span{font-size:.75rem}}@media (prefers-reduced-motion:reduce){&{scroll-behavior:auto}& .filters button{transition:none}}}
