.walk-heading{margin-bottom:26px}.walk-heading .page-title{font-size:clamp(28px,3vw,42px);letter-spacing:-1.3px}.walk-heading .lede{margin-bottom:0}.walk-crumb{color:var(--muted);font-size:14px;margin-bottom:26px;overflow-wrap:anywhere}.walk-crumb a:hover{color:var(--purple)}.walk-crumb span{padding:0 8px}.walk-tracker{margin:26px 0}.walk-profile-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 16px}.walk-profile-bar>label{font-size:13px;font-weight:700}.walk-profile-bar>select{width:auto;min-width:160px;max-width:100%;flex:0 1 230px}.walk-local-label{font-size:13px;color:var(--muted);margin-left:auto}.walk-profile-settings{position:relative;margin:0;padding:0;border:0;background:transparent}.walk-profile-settings>summary{padding:12px 8px;color:var(--purple);font-size:13px}.walk-profile-settings>.walk-profile-panel{position:absolute;right:0;top:45px;z-index:20;width:400px;max-width:calc(100vw - 40px);padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 36px #17223825}.walk-profile-panel p{font-size:14px;line-height:1.7;margin:0 0 18px;color:var(--muted)}.walk-profile-panel form{border-block:1px solid var(--line);padding:18px 0;margin:0 0 18px}.walk-profile-panel label:not(.walk-import){font-size:13px;display:block;margin-bottom:8px}.walk-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.walk-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600;padding:10px 13px;border-radius:6px;cursor:pointer;min-height:40px}.walk-secondary:hover{border-color:var(--purple);color:var(--purple)}.walk-danger{font-size:13px;border:0;border-bottom:1px solid #e6b8b8;color:#a33636;background:transparent;padding:8px 0}.walk-danger:disabled{color:var(--muted);cursor:default;border-color:var(--line)}.walk-import{position:relative;overflow:hidden}.walk-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.walk-import:focus-within{outline:3px solid #8c79ff;outline-offset:3px}.walk-fine{font-size:13px;color:var(--muted);line-height:1.7}.walk-error{color:#a32626;background:#fff3ee;padding:12px;border-left:3px solid #b74b26}.walk-resume{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--nav);border-radius:10px;padding:28px 30px;color:white;position:relative;overflow:hidden}.walk-resume>div{min-width:0;max-width:740px}.walk-resume .eyebrow{color:var(--mint);font-size:9px}.walk-resume h2{font-size:21px;line-height:1.45;font-weight:600;margin:12px 0 8px;overflow-wrap:anywhere;letter-spacing:-.4px}.walk-resume p{font-size:14px;color:#bdc9db;line-height:1.7;margin:0 0 15px}.walk-resume .button{flex-shrink:0;font-size:14px}.walk-resume .walk-fine{display:block;color:#bdc9db;margin-top:6px}progress{appearance:none;border:0;border-radius:10px;height:5px;width:100%;background:#e5eaf1;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#e5eaf1;border-radius:10px}progress::-webkit-progress-value{background:#42a17e;border-radius:10px}progress::-moz-progress-bar{background:#42a17e;border-radius:10px}.walk-resume progress{max-width:360px}.walk-resume progress::-webkit-progress-bar{background:#354258}.walk-resume progress::-webkit-progress-value{background:var(--mint)}.walk-search{margin:30px 0;padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}.walk-search form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.walk-search .search-field{flex:2;min-width:200px}.walk-search .filter-field{flex:1}.walk-search label{display:block;font-size:13px;margin-bottom:8px;font-family:inherit;letter-spacing:0;text-transform:none}.walk-search #walk-status{font-size:13px;color:var(--muted);margin-bottom:0}.walk-results{display:grid;gap:10px;margin:20px 0}.walk-result{display:block;border-top:1px solid var(--line);padding:18px 0;color:inherit;text-decoration:none;overflow-wrap:anywhere}.walk-result:hover strong{color:var(--purple)}.walk-result strong{display:block;margin:6px 0;font-size:14px}.walk-result p{margin:0;font-size:14px;line-height:1.6}.walk-result small{color:var(--muted);font-size:13px}.walk-category-nav{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}.walk-category-nav a{padding:9px 13px;border-radius:30px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600}.walk-category-nav a:hover{background:var(--surface-soft);border-color:#b4adeb;color:var(--purple)}.walk-category{margin-top:34px;scroll-margin-top:100px}.walk-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.walk-group-heading h2{font-size:18px;margin:0;font-weight:600}.walk-group-heading .eyebrow{font-size:13px;color:#8b95a9}.walk-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.walk-section{display:flex;gap:16px;padding:22px 18px;background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;transition:border-color .15s}.walk-section:hover{border-color:#9a90e6}.walk-section>div{min-width:0;flex:1}.walk-section h3{font-size:15px;margin:0 0 7px;font-weight:650;overflow-wrap:anywhere}.walk-section p{font-size:13px;color:var(--muted);margin:0 0 12px}.walk-section-mark{display:flex;justify-content:center;align-items:center;border-radius:10px;background:var(--surface-soft);color:var(--purple);width:50px;height:50px;flex-shrink:0;font:700 12px var(--mono);overflow:hidden;overflow-wrap:anywhere;text-align:center}.walk-section-mark:not(:first-child){font-size:12px}.walk-card-progress{font-size:12px;color:#657087;display:block;margin-bottom:7px}.walk-arrow{font-size:18px;color:#8c80cf;align-self:start}.walk-stats{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.walk-stats strong{font-size:15px}.walk-archive{margin-top:36px;font-size:14px;line-height:1.8;background:transparent}.walk-archive a{color:var(--purple);text-decoration:underline}.walk-source-note{margin-top:16px;font-size:14px;line-height:1.8;color:var(--muted)}.walk-section-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.walk-chapter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:34px 0 12px}.walk-chapter-toolbar h2{font-size:20px;font-weight:600;margin:0}.walk-chapter-toolbar>div{display:flex;align-items:center;gap:16px}.walk-chapter-toolbar input[type=search]{width:235px}.walk-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;line-height:1.6}.walk-check input{width:17px;height:17px;min-height:17px;flex-shrink:0;accent-color:#387e66;margin:0}.walk-chapters{padding:0;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}.walk-chapters li+li{border-top:1px solid var(--line)}.walk-chapters a{display:flex;align-items:center;gap:18px;padding:19px 22px;color:inherit}.walk-chapters a:hover{background:var(--surface-soft)}.walk-chapters .is-current{border-left:3px solid var(--purple);background:var(--surface-soft)}.walk-chapter-number{color:#9ba5b6;font:11px var(--mono);min-width:24px}.walk-chapters a>div{flex:1;min-width:0}.walk-chapters strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.walk-chapters small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.walk-chapter-count{font-size:13px;color:#387e66;white-space:nowrap}.walk-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;font-size:13px}.walk-pagination a{color:var(--purple);line-height:1.6}.walk-reading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.walk-reading-main{min-width:0}.walk-rail{position:sticky;top:100px;font-size:13px;max-height:calc(100dvh - 125px);overflow:auto;padding-bottom:10px}.walk-rail details{padding:0;border:0;background:transparent;margin:0 0 22px}.walk-rail summary{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.walk-rail nav{padding-top:8px}.walk-rail nav a{display:flex;gap:9px;align-items:start;padding:11px 10px;color:var(--muted);font-size:13px;line-height:1.6;border-radius:5px;overflow-wrap:anywhere}.walk-rail nav a:hover{background:var(--surface-soft)}.walk-rail nav a[aria-current]{background:var(--surface-soft);color:var(--purple);font-weight:600}.walk-nav-dot{display:block;width:7px;height:7px;flex-shrink:0;margin-top:5px;border:1px solid #a6aec0;border-radius:50%}.is-complete .walk-nav-dot{background:#3d9676;border-color:#3d9676}.walk-rail nav a[aria-current] .walk-nav-dot{background:var(--purple);border-color:var(--purple)}.walk-jump{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:10px}.walk-jump label{font-size:13px;font-weight:600}.walk-jump select{width:100%;min-width:0}.walk-rail-back{display:block;margin-top:20px;color:var(--purple)}.walk-reading-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:12px 0 18px}.walk-legend{font-size:12px;color:var(--muted);display:flex;gap:18px;margin:0}.walk-legend span:before{content:"";width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#c79b57}.walk-legend .walk-legend-reward:before{background:#65a987}.walk-block{position:relative;margin:0 0 22px;border:1px solid var(--line);border-radius:9px;background:var(--surface);scroll-margin-top:100px;padding:20px}.walk-block.is-complete{border-color:#a8cdbb}.walk-block.is-current{border:2px solid #8579dc;padding:19px}.walk-block:target{box-shadow:0 0 0 3px #c9c2f3}.walk-block-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px}.walk-kind{font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#80749e}.walk-intro .walk-kind{color:var(--muted)}.walk-permalink{font:12px var(--mono);color:var(--muted);padding:4px 8px}.walk-line{border-left:3px solid transparent;padding:3px 13px;overflow-wrap:anywhere;scroll-margin-top:100px}.walk-line p{white-space:pre-wrap;line-height:1.8;margin:6px 0;font-size:15px}.walk-line h2{font-size:16px;font-weight:650;margin:10px 0 14px;line-height:1.6}.walk-line h3{font-size:14px}.walk-line h4{font-size:15px}.walk-requirement{border-left-color:#c79b57;background:#fffaf1}.walk-reward{border-left-color:#65a987;background:#f0f9f4}.walk-blue{border-left-color:#689bc0;background:#f0f7fc}.walk-emphasis{font-weight:700;color:#a32626}.walk-note{margin:14px 0;padding:14px;border:1px solid #b3c9e1;border-radius:7px;background:#f4f8fd}.walk-note h3{margin:0 0 10px}.walk-line figure{margin:16px 0}.walk-line img{max-width:100%;height:auto;display:block}.walk-line figcaption{font-size:12px;color:var(--muted);margin:8px 0}.walk-quest-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.walk-quest-actions .button{margin-left:auto;font-size:13px}.walk-quest-actions .walk-secondary{font-size:13px}.walk-pin[aria-pressed=true]{background:var(--surface-soft);color:var(--purple);border-color:#c8c1ef}
@media(max-width:1200px){.walk-reading{grid-template-columns:180px minmax(0,1fr);gap:18px}.walk-chapter-toolbar{align-items:start;flex-direction:column}.walk-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.walk-section{gap:10px;padding:18px 14px}.walk-section-mark{width:38px;height:42px;font-size:12px}.walk-section p{line-height:1.7}.walk-local-label{display:none}}
@media(max-width:1000px){.walk-reading{grid-template-columns:1fr}.walk-rail{position:static;max-height:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.walk-rail details{margin:0;grid-row:span 2}.walk-rail nav{max-height:180px;overflow:auto}.walk-jump{border:0;padding:0;align-self:start}.walk-rail-back{margin:0}.walk-resume{padding:24px}.walk-resume h2{font-size:18px}}
@media(max-width:650px){.walk-resume{align-items:start;flex-direction:column;gap:18px;padding:24px 20px}.walk-resume>div{width:100%}.walk-resume .button{width:100%;text-align:center}.walk-profile-bar{padding:10px 12px;gap:8px}.walk-profile-bar>select{flex:1;min-width:100px;font-size:14px}.walk-profile-settings{width:100%}.walk-profile-settings>summary{padding:10px 0}.walk-profile-settings>.walk-profile-panel{left:-12px;right:auto;top:34px;width:calc(100vw - 34px);max-width:calc(100vw - 34px)}.walk-section-grid{grid-template-columns:1fr}.walk-section{padding:20px 16px;gap:16px}.walk-section-mark{width:46px;height:46px}.walk-search{padding:16px}.walk-search .filter-field{min-width:100%}.walk-search .search-field{min-width:100%}.walk-block{padding:16px 10px}.walk-block.is-current{padding:15px 9px}.walk-line{padding:3px 8px}.walk-line p{font-size:15px}.walk-note{padding:12px 8px}.walk-chapters a{padding:17px 12px;gap:10px}.walk-chapter-number{min-width:20px;font-size:12px}.walk-chapter-count{font-size:12px}.walk-chapter-toolbar>div{flex-wrap:wrap;width:100%}.walk-chapter-toolbar input[type=search]{width:100%}.walk-quest-actions{gap:12px 8px}.walk-quest-actions .walk-check{flex:1}.walk-quest-actions .button{width:100%;text-align:center}.walk-rail{grid-template-columns:1fr}.walk-rail details{grid-row:auto}.walk-rail nav{max-height:140px}.walk-jump{grid-template-columns:minmax(0,1fr) auto;align-items:center}.walk-jump label{grid-column:1/-1}.walk-jump .walk-secondary{font-size:12px;padding:10px}.walk-pagination{font-size:12px}.walk-heading .page-title{letter-spacing:-.7px}.walk-stats{gap:14px}.walk-category-nav{gap:6px}.walk-category-nav a{font-size:12px;padding:9px 11px}}
@media print{.walk-tracker,.walk-quest-actions,.walk-rail,.walk-reading-tools,.walk-section-tools{display:none}.walk-reading{display:block}.walk-block{break-inside:avoid}.walk-block[hidden]{display:block!important}}

/* Character controls are shared by contents journals, canonical chapters and the hub. */
.walk-profile-bar{background:var(--surface);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0;gap:10px;flex-wrap:nowrap}
.walk-profile-bar>label{font-size:13px}.walk-profile-bar>select{min-width:80px;max-width:320px;min-height:44px;font-size:15px;flex:1}
.walk-local-label{font-size:12px}.walk-profile-settings{width:auto;flex-shrink:0}.walk-profile-settings>summary{font-size:13px;min-height:44px;padding:12px 8px;cursor:pointer;color:var(--accent)}
.walk-profile-settings>.walk-profile-panel{position:fixed;top:calc(var(--header-height,64px) + 12px);left:50%;right:auto;transform:translateX(-50%);width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--header-height,64px) - var(--dock-height,64px) - 32px);overflow:auto;overscroll-behavior:contain;z-index:45;background:var(--surface);padding:18px;box-shadow:0 12px 36px #0004}
.walk-profile-panel p,.walk-profile-panel label:not(.walk-import){font-size:14px}.walk-profile-panel input,.walk-profile-panel select{font-size:16px}
#walk-settings-close{position:sticky;top:0;float:right;margin-bottom:12px;background:var(--surface);z-index:1}.walk-profile-panel>p{clear:both}
#walk-storage-status{font-size:12px;line-height:1.5;margin:5px 0 8px}#walk-storage-status.walk-error{font-size:14px;color:var(--danger-ink);background:color-mix(in srgb,var(--danger-ink) 7%,var(--surface))}
.walk-secondary{background:var(--surface);border-color:var(--line)}.walk-danger{color:var(--danger-ink);border-color:var(--line);font-size:13px}
.walk-tracker :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.walk-block .walk-permalink{min-width:44px;min-height:44px;opacity:0}.walk-block:hover .walk-permalink,.walk-block:focus-within .walk-permalink{opacity:1}.walk-block .walk-permalink:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(hover:none),(pointer:coarse){.walk-block .walk-permalink{opacity:1}}
@media(max-width:650px){.walk-profile-bar{gap:8px;padding:4px 0}.walk-profile-bar>select{font-size:16px}.walk-profile-settings>summary{padding:12px 4px}.walk-profile-settings>.walk-profile-panel{left:50%;right:auto;top:calc(var(--header-height,64px) + 8px);width:440px;max-width:calc(100vw - 20px)}.walk-local-label{display:none}}
