.study-hero{max-width:var(--max, 72rem);margin-inline:auto}.path-principle-grid,.cadre-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.path-principle-grid article,.cadre-checklist article{display:grid;gap:6px;align-content:start;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--surface)}.path-principle-grid strong{color:var(--red, #a91626);font:700 .78rem/1.2 var(--ui-font, system-ui, sans-serif);letter-spacing:.08em}.path-principle-grid h3,.cadre-checklist h3{margin:0;font-size:1rem}.path-principle-grid p,.cadre-checklist p{margin:0;color:var(--muted, #685f58);font-size:.88rem;line-height:1.6}.stage-path-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.stage-path-nav{position:sticky;top:calc(var(--header-height, 64px) + 14px);display:grid;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface)}.stage-path-nav a{border-radius:8px;padding:7px 10px;color:var(--ink, #26251f);font-size:.82rem;line-height:1.4;text-decoration:none}.stage-path-nav a:hover,.stage-path-nav a:focus-visible{background:color-mix(in srgb,var(--red, #a91626) 8%,transparent);color:var(--red, #a91626)}.stage-training-list{display:grid;gap:18px;min-width:0}.stage-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:var(--surface);scroll-margin-top:calc(var(--header-height, 64px) + 14px)}.stage-number{display:grid;place-items:center;height:52px;border-radius:12px;background:color-mix(in srgb,var(--red, #a91626) 10%,transparent);color:var(--red, #a91626);font:700 1.25rem/1 var(--ui-font, system-ui, sans-serif)}.stage-content{display:grid;gap:12px;min-width:0}.stage-content h3{margin:0;font-size:1.12rem}.stage-goal{margin:0;color:var(--muted, #685f58);line-height:1.6}.stage-training-metrics{display:flex;flex-wrap:wrap;gap:8px}.stage-training-metrics span{display:inline-grid;gap:2px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:color-mix(in srgb,var(--surface, #fff) 60%,transparent);font-size:.8rem;line-height:1.4}.stage-training-metrics strong{color:var(--muted, #685f58);font-size:.68rem;letter-spacing:.06em}.stage-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.stage-info-block{display:grid;gap:4px;align-content:start;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.stage-info-block h4{margin:0;color:var(--red, #a91626);font:700 .74rem/1.4 var(--ui-font, system-ui, sans-serif);letter-spacing:.05em}.stage-info-block p,.stage-info-block li{margin:0;font-size:.84rem;line-height:1.6}.stage-info-block ul{margin:0;padding-left:1.1em}.stage-boundary-note{grid-column:1 / -1;margin:0;border-left:3px solid var(--red, #a91626);padding:8px 12px;color:var(--muted, #685f58);font-size:.84rem;line-height:1.6}.stage-reading-intro{display:grid;gap:2px}.stage-reading-intro h4{margin:0;font-size:.95rem}.stage-reading-intro p{margin:0;color:var(--muted, #685f58);font-size:.82rem}.stage-reading-stack{display:grid;gap:16px}.stage-reading-section{display:grid;gap:10px}.stage-reading-section-head{display:flex;align-items:baseline;gap:8px}.stage-reading-section-head h4{margin:0;font-size:.92rem}.stage-reading-section-head span{border-radius:3px;background:color-mix(in srgb,var(--red, #a91626) 10%,transparent);color:var(--red, #a91626);font-size:.72rem;font-weight:700;padding:2px 9px}.stage-reading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.stage-reading-card{display:grid;gap:7px;align-content:start;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:color-mix(in srgb,var(--surface, #fff) 55%,transparent)}.stage-reading-card.is-clickable{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.stage-reading-card.is-clickable:hover,.stage-reading-card.is-clickable:focus-visible{border-color:var(--red, #a91626);transform:translateY(-1px)}.stage-reading-card h5{margin:0;font-size:.96rem;line-height:1.5}.stage-reading-title-link{color:inherit}.stage-reading-title-en{color:var(--muted, #685f58);font-size:.8rem;font-weight:500}.stage-reading-meta{margin:0;color:var(--muted, #685f58);font-size:.78rem}.stage-reading-tags{display:flex;flex-wrap:wrap;gap:5px}.stage-reading-tags span{border:1px solid var(--line);border-radius:3px;padding:2px 8px;font-size:.7rem;color:var(--muted, #685f58)}.stage-reading-reason{margin:0;font-size:.82rem;line-height:1.6}.stage-reading-actions{display:flex;justify-content:flex-end}.stage-toggle{justify-self:start}.difficulty-pill,.language-badge{display:inline-block;border-radius:3px;padding:2px 9px;font-size:.7rem;font-weight:700}.difficulty-pill{background:color-mix(in srgb,var(--red, #a91626) 10%,transparent);color:var(--red, #a91626)}.language-badge{border:1px solid var(--line);color:var(--muted, #685f58)}.stage-reading-head{display:flex;gap:6px}@media(max-width:900px){.stage-path-layout{grid-template-columns:minmax(0,1fr)}.stage-path-nav{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:4px}}@media(max-width:640px){.stage-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}.stage-number{height:38px;width:52px}}
