@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Outfit;src:url('../assets/fonts/Outfit-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.learning-journal{--journal-ink:#0b2545;--journal-muted:#5a7390;--journal-line:#dce5ef;--journal-blue:#1557c7;color:var(--journal-ink);margin:70px auto 30px;max-width:1180px;font:400 15px/1.65 Inter,system-ui,sans-serif;text-align:left}
.learning-journal *,.guide-page *{box-sizing:border-box}
.journal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:25px;border-bottom:2px solid #0b2545;margin-bottom:27px}
.journal-kicker{font:700 10px/1.5 Inter,system-ui,sans-serif!important;letter-spacing:1.4px;text-transform:uppercase;color:#4e6c8b;margin:0 0 12px!important}
.journal-heading :is(h1,h2){font:650 clamp(29px,3vw,40px)/1.12 Outfit,Inter,sans-serif;letter-spacing:-1px;margin:0 0 12px}
.journal-heading p:not(.journal-kicker){color:#5a7390;margin:0;max-width:620px;font-size:15px}
.journal-all{font-weight:600;font-size:13px;white-space:nowrap;color:#1557c7;text-decoration:none}
.journal-focus-label{font:650 11px/1.5 Inter,sans-serif;letter-spacing:1.4px;color:#687b8e;margin-bottom:12px}
.journal-card{min-width:0;border:1px solid #dce5ef;border-radius:10px;overflow:hidden;background:#fff}
.journal-card-link{display:flex;height:100%;flex-direction:column;text-decoration:none!important;color:#0b2545!important}
.journal-art{overflow:hidden;border-bottom:1px solid #e4eaf1;background:#f4f7fb;aspect-ratio:1.9}
.journal-art svg{display:block;width:100%;height:100%}
.journal-card-copy{padding:22px 22px 18px;display:flex;flex-direction:column;flex:1}
.journal-card h3{font:650 21px/1.25 Outfit,Inter,sans-serif;letter-spacing:-.3px;margin:0 0 13px;color:#0b2545}
.journal-card-copy>p:not(.journal-kicker){color:#5a7390;font-size:13px;line-height:1.7;margin:0 0 23px}
.journal-card-meta{display:flex;justify-content:space-between;gap:12px;font:500 11px/1.5 Inter,sans-serif;color:#657d98;margin-top:auto}
.journal-card-meta span{color:#1557c7;font-weight:650}
.journal-card:hover{border-color:#91acd1}
.journal-card:hover h3{color:#1557c7}
.journal-card-link:focus-visible,.journal-all:focus-visible{outline:3px solid #6798df;outline-offset:-4px}
.journal-feature .journal-card-link{display:grid;grid-template-columns:1fr 1.15fr;background:#f8faff}
.journal-feature .journal-art{aspect-ratio:auto;min-height:290px;border-bottom:0;border-right:1px solid #dce5ef}
.journal-feature .journal-card-copy{padding:36px}
.journal-feature h3{font-size:32px;line-height:1.16;max-width:570px}
.journal-feature .journal-card-copy>p:not(.journal-kicker){font-size:15px;max-width:510px}
.journal-section-heading{margin:48px 0 20px}
.journal-section-heading h3{font:650 27px/1.2 Outfit,Inter,sans-serif;letter-spacing:-.5px;margin:0 0 8px}
.journal-section-heading p{color:#5a7390;margin:0;font-size:14px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journal-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}
.journal-filters[hidden],.journal-card[hidden]{display:none!important}
.journal-filters button{border:1px solid #dce5ef;border-radius:5px;background:white;color:#526d89;min-height:40px;padding:8px 16px;font:600 12px/1.5 Inter,sans-serif;cursor:pointer}
.journal-filters button[aria-pressed=true]{color:#1557c7;background:#edf4ff;border-color:#a9c3e9}
.journal-filters button:focus-visible{outline:3px solid #6798df;outline-offset:2px}
.journal-filter-status{font-size:12px;color:#657d98;min-height:20px;margin:0 0 14px}
.journal-editorial-note{border-top:1px solid #dce5ef;padding-top:22px;font-size:12px;color:#657d98;margin:35px 0 0}
.guide-page{margin:0;background:white;color:#0b2545;font:400 16px/1.8 Inter,system-ui,sans-serif}
.guide-page a{color:#1557c7;text-underline-offset:3px}
.guide-site-header{height:70px;border-bottom:1px solid #dce5ef;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
.guide-brand{font:800 23px/1 Outfit,sans-serif;color:#0b2545!important;text-decoration:none;letter-spacing:-1px}.guide-brand span{color:#1557c7}
.guide-site-header nav{display:flex;gap:25px;font-size:13px}.guide-site-header nav a{text-decoration:none}
.guide-main{max-width:1030px;margin:0 auto;padding:30px 30px 50px}.guide-breadcrumb{font-size:12px;color:#657d98;margin-bottom:42px}.guide-breadcrumb a{text-decoration:none}
.guide-title{max-width:850px;margin-bottom:36px}.guide-title h1{font:650 clamp(32px,4vw,48px)/1.12 Outfit,Inter,sans-serif;letter-spacing:-1.2px;margin:13px 0 22px}.guide-deck{font-size:19px;line-height:1.6;color:#5a7390}.guide-byline{font-size:12px;color:#657d98}
.guide-page h2{font:650 25px/1.25 Outfit,Inter,sans-serif;letter-spacing:-.4px;margin:0 0 15px}.guide-page p{margin:0 0 17px}
.guide-opening{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;padding:28px 0;border-top:2px solid #0b2545;border-bottom:1px solid #dce5ef}.guide-opening p{margin-bottom:0}
.guide-figure svg{width:100%;display:block;border-radius:8px}.guide-figure p{font-size:11px;color:#657d98;margin-top:10px}
.guide-section{max-width:780px;margin:38px 0}.guide-steps{padding-left:25px}.guide-steps li{padding-left:9px;margin:0 0 15px}
.guide-check{background:#f3f7fd;border:1px solid #dce5ef;border-left:4px solid #1557c7;border-radius:8px;padding:28px;margin:35px 0}.guide-check h2{font-size:23px}.guide-check>p:not(.journal-kicker){font-size:14px;color:#5a7390}.guide-check summary{cursor:pointer;color:#1557c7;font-size:14px;font-weight:650;min-height:36px}.guide-check details p{padding-top:12px;margin-bottom:0}
.guide-next{display:flex;align-items:center;gap:32px;border:1px solid #bfd1e8;border-radius:9px;padding:28px;margin:35px 0}.guide-next>div{flex:1}.guide-next p:not(.journal-kicker){font-size:14px;color:#5a7390;margin:0}.guide-button{display:inline-flex;align-items:center;justify-content:center;background:#1557c7;color:white!important;font-size:13px;font-weight:650;min-height:46px;padding:11px 20px;border-radius:6px;text-decoration:none;white-space:nowrap}
.guide-related{padding:30px 0;border-top:1px solid #dce5ef}.guide-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-correction{font-size:12px;color:#657d98}.guide-footer{border-top:1px solid #dce5ef;padding:25px;text-align:center;font-size:13px;color:#657d98}.journal-index{max-width:1240px;margin:auto;padding:0 30px 40px}
.guide-explorer{border:1px solid #cbdbee;border-radius:10px;padding:27px;margin:35px 0;background:#f9fbff}.guide-explorer label{font-size:14px;font-weight:600;display:block}.guide-explorer input{width:100%;accent-color:#1557c7;margin:18px 0 22px;min-height:30px}.explorer-result{font:650 24px/1.5 Outfit,sans-serif;display:block;margin:18px 0 12px}.explorer-copy{font-size:14px;color:#526d89}.explorer-visual{display:flex;gap:5px;min-height:48px;align-items:center;flex-wrap:wrap}.explorer-visual i{display:block;width:19px;height:27px;background:#1557c7;border-radius:3px}.explorer-visual i:nth-child(2n){background:#338f85}.explorer-visual .model-chip{display:inline-block;min-width:90px;text-align:center;padding:9px 12px;border:1px solid #bfd0e5;border-radius:5px;background:white;font:600 14px/1.5 Inter,sans-serif}
.guide-skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:10}.guide-skip:focus{top:10px}.guide-page :is(a,summary,input,button):focus-visible{outline:3px solid #6798df;outline-offset:3px}
@media(max-width:1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-feature h3{font-size:27px}.journal-feature .journal-card-copy{padding:26px}}
@media(max-width:650px){.learning-journal{margin-top:45px}.journal-heading{align-items:flex-start;flex-direction:column;gap:15px}.journal-heading :is(h1,h2){font-size:31px}.journal-grid,.journal-feature .journal-card-link,.guide-opening,.guide-related .journal-grid{grid-template-columns:1fr}.journal-feature .journal-art{aspect-ratio:1.9;min-height:0;border-right:0;border-bottom:1px solid #dce5ef}.journal-feature .journal-card-copy{padding:23px}.journal-feature h3{font-size:26px}.journal-grid{gap:22px}.journal-section-heading{margin-top:35px}.guide-site-header{padding:0 18px}.guide-site-header nav{gap:14px;font-size:11px}.guide-brand{font-size:21px}.guide-main{padding:24px 20px 35px}.guide-breadcrumb{margin-bottom:28px}.guide-title h1{font-size:34px}.guide-deck{font-size:17px}.guide-opening{gap:20px}.guide-check,.guide-explorer,.guide-next{padding:20px}.guide-next{flex-direction:column;align-items:flex-start;gap:20px}.journal-index{padding:0 18px 30px}.guide-title{margin-bottom:25px}}
@media print{.journal-filters,.guide-site-header,.guide-next,.guide-related,.guide-explorer input{display:none!important}.guide-main{max-width:none;padding:0}.guide-check details:not([open])>*:not(summary){display:block}.journal-card{break-inside:avoid}}