@import url("/mobile-comfort.css");
@import url('/giorgio-fonts.css');
@import url('/learn-study.css');
:root{color-scheme:light;--bg:#f6f3eb;--surface:#eeebe2;--text:#252a27;--muted:#63675f;--line:#d8d8cc;--accent:#285343;--clay:#c3684d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'PPLX Sans',system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-100px;background:var(--text);color:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header,body>header{max-width:1440px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{font:30px/1 'Anthropic Serif',Georgia,serif;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand span{font:12px 'PPLX Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em;border-left:1px solid var(--line);padding-left:13px;margin-left:4px}.site-header nav,body>header nav{display:flex;align-items:center;gap:28px;font-size:13px}.site-header nav a{text-decoration:none}.nav-action{padding:10px 14px;border:1px solid var(--line);border-radius:5px}main{max-width:1344px;margin:auto;padding:0 48px}.learn-hero{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:65px;padding:83px 0 78px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600;color:var(--muted);margin:0 0 20px}h1,h2,h3{font-weight:400}h1{font:clamp(42px,4.8vw,67px)/1.05 'Anthropic Serif',Georgia,serif;letter-spacing:-.036em;margin:0 0 25px}h1 em{color:var(--accent);font-style:italic}h2{font:38px/1.12 'Anthropic Serif',Georgia,serif;letter-spacing:-.023em;margin:0 0 18px}h3{font:25px/1.2 'Anthropic Serif',Georgia,serif;margin:12px 0}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:30px 0}.hero-actions>a:not(.button){font-size:13px}.button,.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font:500 13px 'PPLX Sans',sans-serif;padding:15px 20px;text-decoration:none;border:1px solid var(--line);border-radius:5px;background:transparent;cursor:pointer}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button:hover{filter:brightness(1.1)}.hero-stats{display:flex;gap:28px;margin-top:37px;font-size:11px;color:var(--muted)}.hero-stats b{font-size:20px;color:var(--text);display:block;font-weight:500}.learning-map{background:#e8eade;border:1px solid #d9ddcd;border-radius:8px;padding:30px}.learning-map>div{position:relative;padding:15px 0 22px 43px;border-top:1px solid #ced3c3}.learning-map>div>span{position:absolute;left:0;top:20px;font-size:11px;color:var(--accent)}.learning-map h2{font-size:27px;margin:0 0 5px}.learning-map>div p{font-size:12px;color:var(--muted);margin:0}.map-note{font-size:11px;color:var(--muted);line-height:1.6;border-top:1px solid #ced3c3;padding-top:15px;margin:0}.tracks-section,.catalog-section{border-top:1px solid var(--line);padding:48px 0 56px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:26px}.section-heading h2{font-size:35px;margin:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{max-width:335px;font-size:13px;color:var(--muted);margin:0}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.track-grid a{padding:20px 0;text-decoration:none;border-bottom:1px solid var(--line)}.track-grid a>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.track-grid p{font-size:12px;color:var(--muted)}.track-grid a:hover h3{text-decoration:underline;text-underline-offset:5px}.course-filters{display:flex;gap:18px;align-items:end;padding:22px 0 28px}.course-filters label{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:7px}.course-filters label:first-child{flex:1;max-width:390px}.course-filters input,.course-filters select{font:14px 'PPLX Sans',sans-serif;border:1px solid var(--line);border-radius:5px;background:#fcfaf5;color:var(--text);height:46px;padding:0 14px;min-width:0}.course-filters input{width:100%}.course-filters select{min-width:190px}.course-filters p{margin:0 0 12px auto;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course{border:1px solid var(--line);border-radius:7px;padding:25px;display:flex;flex-direction:column;text-decoration:none;background:#faf8f2;min-height:315px;transition:background .15s,border-color .15s}.course:hover{border-color:#7f9784;background:#f1f2e9}.card-top{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.card-top>span:last-child{margin-left:auto;font-size:19px}.course-number{color:var(--accent);font-size:13px}.course h3{font-size:29px;margin:24px 0 15px;letter-spacing:-.018em}.course p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 26px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto;font-size:10px}.card-bottom strong{font-weight:500;color:var(--accent)}#course-empty{padding:45px;border:1px dashed var(--line);text-align:center}.back-link{display:inline-block;font-size:12px;margin:30px 0;text-decoration:none}.course-hero{max-width:940px;padding:23px 0 33px}.course-hero h1{font-size:clamp(38px,4.5vw,62px);max-width:900px}.course-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted)}.course-meta span+span{border-left:1px solid var(--line);padding-left:20px}.course-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-block:1px solid var(--line);padding:28px 0}.course-brief h2{font:500 14px 'PPLX Sans',sans-serif;margin:0 0 10px;letter-spacing:0}.course-brief p,.course-brief a{font-size:13px;color:var(--muted);margin:0}.course-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:66px;padding:52px 0 70px}.outline{position:sticky;top:25px;align-self:start}.outline summary{font-size:12px;font-weight:600;cursor:pointer;padding-bottom:16px}.outline nav{display:flex;flex-direction:column;gap:0}.outline a{display:flex;gap:12px;font-size:12px;text-decoration:none;line-height:1.6;padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}.outline a:hover{color:var(--accent)}.outline a span{font-size:10px;min-width:18px;color:var(--accent)}.course-reading{min-width:0;max-width:760px}.lesson{border-bottom:1px solid var(--line);padding:35px 0 48px;scroll-margin-top:30px}.lesson:first-child{padding-top:0}.lesson h2{font-size:34px;line-height:1.2}.lesson p{font-size:16px;line-height:1.85}.lesson .eyebrow{font-size:11px}.learn-worked-example,.learn-practice,.learn-project{border-color:var(--line);background:#efeee5}.learn-worked-example{border-left-color:var(--accent)}.learn-practice{background:transparent}.learn-practice details{border-top-color:var(--line)}.learn-practice h3,.learn-worked-example h3,.learn-project h3{font-size:17px}.learn-practice summary{font-size:13px;color:var(--accent)}.learn-source{color:var(--muted)}.lab{margin-top:28px;padding:8px 0 8px 22px;border-left:2px solid var(--clay)}.lab h3{font:600 13px 'PPLX Sans',sans-serif}.lab p{font-size:14px}.next-module{display:inline-block;margin-top:25px;font-size:13px;color:var(--accent)}.learn-project{margin:35px 0}.learn-project p,.learn-project li{font-size:14px}.learn-project h2{font-size:32px}.course-reading .button{margin-top:20px}footer{max-width:1344px;padding:34px 48px 50px;margin:auto;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer .brand{font-size:25px}footer p{font-size:12px;color:var(--muted)}footer nav{display:flex;gap:20px;margin-left:auto;font-size:12px}footer nav a{text-decoration:none}body>main:not(:has(.learn-hero)):not(.course-page){padding-top:45px;padding-bottom:60px}main>p{max-width:78ch}main>h1{max-width:950px}.toc{background:var(--surface);padding:25px 45px;border-radius:8px}.toc li{margin:8px 0}pre{overflow:auto;max-width:100%}img{max-width:100%}
@media(max-width:1050px){.learn-hero{grid-template-columns:1fr 280px;gap:30px}.site-header,body>header{padding-inline:30px}main{padding-inline:30px}.site-header nav{gap:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.learning-map{padding:22px}}
@media(max-width:760px){main{padding:0 21px}.site-header,body>header{padding:21px;align-items:flex-start;flex-direction:column;gap:20px}.site-header nav{width:100%;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px}.nav-action{padding:7px 9px}.learn-hero{display:block;padding:46px 0}.learn-hero h1{font-size:44px}.learning-map{margin-top:38px}.hero-stats{gap:25px}.section-heading{display:block}.section-heading>p{margin-top:15px;max-width:none}.track-grid{grid-template-columns:1fr;gap:0}.track-grid a{padding:18px 0}.track-grid h3{margin:9px 0}.grid{grid-template-columns:1fr}.course{min-height:265px}.course-filters{flex-wrap:wrap;gap:15px}.course-filters label:first-child{max-width:none;flex-basis:100%}.course-filters p{margin:0 0 13px auto}.course-layout{display:block;padding-top:30px}.outline{position:static;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:15px}.course-brief{grid-template-columns:1fr;gap:24px}.course-meta{gap:8px}.course-meta span+span{border:0;padding-left:0}.course-meta span{margin-right:12px}.lesson h2{font-size:29px}.learn-worked-example,.learn-practice,.learn-project{padding:20px}.hero-actions{gap:20px}footer{padding:30px 21px;display:block}footer nav{margin-top:20px}.section-heading h2{font-size:31px}.course-reading .lesson p{font-size:15px}.learning-map .eyebrow{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course{transition:none}}