/* A field-guide roadmap: a clear spine, branching choices, and quiet progress marks. */
.art-roadmap-page{padding-bottom:64px}
.art-roadmap-head{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:56px;align-items:center;padding:48px 0 36px}
.art-roadmap-head h1{font-size:clamp(52px,6vw,82px);line-height:.98;margin:19px 0 22px;letter-spacing:-.035em}
.art-roadmap-head>div>p:last-child{max-width:600px;font-size:14px;line-height:1.85;color:var(--muted)}
.art-roadmap-overview{border:1px solid var(--line);border-radius:4px;background:var(--mint);padding:24px 24px 20px;position:relative}
.art-roadmap-overview:after{content:"";position:absolute;width:44px;height:44px;border:1px solid #aebba6;border-radius:50%;right:18px;top:18px;opacity:.7}
.art-roadmap-overview>strong{display:block;font:58px/1 var(--serif);color:var(--green);margin:22px 0 7px}
.art-roadmap-overview>strong small{font-size:23px;color:var(--muted)}
.art-roadmap-overview>p{font-size:12px;line-height:1.6;margin:0}
.art-roadmap-overview>p span{color:var(--muted);font-size:10px}
.art-roadmap-note{display:flex;gap:13px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:40px;color:var(--muted);font-size:11px;line-height:1.7}
.art-roadmap-note>span{color:var(--terracotta);font-size:17px;line-height:1.2}
.art-roadmap-note p{margin:0;max-width:790px}
.art-roadmap-map{position:relative;max-width:940px;margin:0 auto;padding:0 0 15px 76px}
.art-roadmap-spine{position:absolute;top:13px;bottom:36px;left:25px;width:2px;background:linear-gradient(var(--green),#c7cec0 74%,transparent)}
.art-roadmap-node{position:relative;margin:0 0 20px}
.art-roadmap-node-index{position:absolute;z-index:1;left:-68px;top:21px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #b9c5b2;border-radius:50%;background:var(--paper,#f8f7f2);font:20px/1 var(--serif);color:var(--green)}
.art-roadmap-node.has-progress>.art-roadmap-node-index{background:var(--green);color:#fff;border-color:var(--green)}
.art-roadmap-card{border:1px solid var(--line);border-radius:5px;background:var(--white);box-shadow:0 5px 18px #263b3308;overflow:hidden}
.art-roadmap-card details[open]{background:linear-gradient(110deg,#fff 0%,#fff 72%,#f4f5ee 100%)}
.art-roadmap-card summary{list-style:none;cursor:pointer;padding:20px 52px 19px 24px;position:relative}
.art-roadmap-card summary::-webkit-details-marker{display:none}
.art-roadmap-type,.art-roadmap-branch-head .eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--terracotta);font-weight:700}
.art-roadmap-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:7px}
.art-roadmap-summary strong{display:block;font:25px/1.15 var(--serif);color:var(--ink)}
.art-roadmap-summary small{display:block;margin-top:6px;font-size:11px;line-height:1.55;color:var(--muted)}
.art-roadmap-progress{font-size:9px;color:var(--muted);white-space:nowrap;letter-spacing:.15px}
.art-roadmap-chevron{position:absolute;right:21px;top:31px;color:var(--green);font-size:20px;transition:transform .18s ease}
.art-roadmap-card details[open] .art-roadmap-chevron{transform:rotate(180deg)}
.art-roadmap-detail{padding:0 24px 22px}
.art-roadmap-detail>ul,.art-roadmap-branch>ul{list-style:none;padding:0;margin:0}
.art-roadmap-action{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e8e9e2;padding:12px 2px;font-size:12px}
.art-roadmap-action>a{color:var(--ink);text-decoration:none}
.art-roadmap-action>a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
.art-roadmap-action.is-done>a:before{content:"✓";color:var(--green);font-weight:700;margin-right:8px}
.art-roadmap-status{font-size:9px;color:var(--muted);white-space:nowrap}
.art-roadmap-branch{margin:0 0 17px 18px;padding:15px 18px 3px;border-left:2px solid #d1d9cc;background:#f7f8f3}
.art-roadmap-branch:last-child{margin-bottom:0}
.art-roadmap-branch-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.art-roadmap-branch-mark{font:28px/1 var(--serif);color:var(--green)}
.art-roadmap-branch-head>div{min-width:0;flex:1}
.art-roadmap-branch-head .eyebrow{margin:0 0 4px}
.art-roadmap-branch h3{font:19px/1.2 var(--serif);margin:0;color:var(--ink)}
.art-roadmap-branch-head .art-roadmap-progress{align-self:flex-start;margin-top:5px}
.art-roadmap-footer{max-width:940px;margin:5px auto 0;padding:17px 0 0 76px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}
.art-roadmap-footer p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}
.art-roadmap-preview{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:28px 0 38px;padding:24px 27px;border:1px solid #c8d0c2;border-radius:4px;background:linear-gradient(110deg,#eef1e8,#f8f7f2 72%)}
.art-roadmap-preview .eyebrow{margin:0 0 7px}
.art-roadmap-preview h2{font:26px/1.1 var(--serif);margin:0 0 6px;color:var(--ink)}
.art-roadmap-preview p:last-child{font-size:11px;line-height:1.55;color:var(--muted);margin:0}
.art-roadmap-preview .primary-button{white-space:nowrap}
@media(max-width:700px){.art-roadmap-head{grid-template-columns:1fr;gap:22px;padding:34px 0 25px}.art-roadmap-head h1{font-size:57px}.art-roadmap-overview{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 19px}.art-roadmap-overview>.eyebrow{grid-column:1/-1}.art-roadmap-overview>strong{margin:9px 0 0;font-size:42px}.art-roadmap-overview>p{margin-top:9px}.art-roadmap-overview:after{width:35px;height:35px;right:18px;top:20px}.art-roadmap-note{margin-bottom:29px}.art-roadmap-map{padding-left:43px}.art-roadmap-spine{left:13px}.art-roadmap-node-index{left:-43px;top:20px;width:31px;height:31px;font-size:14px}.art-roadmap-card summary{padding:17px 38px 16px 16px}.art-roadmap-summary{display:block}.art-roadmap-summary strong{font-size:22px}.art-roadmap-summary .art-roadmap-progress{display:block;margin-top:9px}.art-roadmap-chevron{right:13px;top:27px}.art-roadmap-detail{padding:0 15px 17px}.art-roadmap-branch{margin-left:3px;padding:13px 12px 2px}.art-roadmap-branch-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.art-roadmap-branch-mark{font-size:23px}.art-roadmap-branch h3{font-size:17px}.art-roadmap-branch-head .art-roadmap-progress{margin-left:31px;margin-top:-5px}.art-roadmap-action{align-items:flex-start;font-size:11px}.art-roadmap-status{padding-top:2px;font-size:8px}.art-roadmap-footer{padding-left:43px;align-items:flex-start;flex-direction:column}.art-roadmap-preview{display:block;padding:21px;margin:24px 0 30px}.art-roadmap-preview .primary-button{display:inline-block;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.art-roadmap-chevron{transition:none}}
.atlas-page .art-roadmap-card details>summary { display: block; }
.atlas-page .art-roadmap-card details:not(.price-history)>summary::before { content: none; }
.art-roadmap-type { display: block; white-space: nowrap; }
.art-roadmap-card summary:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.learning-roadmap-link a { color: var(--green); }