.hob-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:64px;padding:28px 30px;background:var(--navy);color:var(--paper);border-top:2px solid var(--gold)}
.hob-entry-label{font-size:0.8125rem;letter-spacing:.14em;color:#d4bc90}
.hob-entry h2{font:1.6875rem/1.5 var(--serif);margin:5px 0 8px}
.hob-entry p{font-size:0.9375rem;line-height:1.8}
.hob-entry .hob-note{color:#c1c9d1;margin-top:6px}
.hob-entry .button{flex-shrink:0}
.hob-shelf,.hob-making{max-width:52rem}
.hob-reader{max-width:46rem;overflow-wrap:anywhere}
.hob-shelf h1,.hob-reader h1,.hob-making h1{font:clamp(2rem,5vw,3.25rem)/1.5 var(--serif);margin:12px 0 20px;letter-spacing:.06em}
.hob-shelf>p{margin-bottom:12px}
.hob-shelf>h2,.hob-making h2{font:1.75rem/1.6 var(--serif);margin:48px 0 8px}
.hob-credit{color:var(--muted)}
.hob-pending{border-left:2px solid var(--gold);padding:8px 16px;margin-top:16px}
.hob-before{margin-top:32px;padding:20px 24px;border:1px solid #a99b81;background:#ebe6dc}
.hob-before h2{font:1.375rem/1.6 var(--serif);margin-bottom:8px}
.hob-before p+p{margin-top:8px}
.hob-list{list-style:none;padding:0;margin-top:8px}
.hob-item{padding:18px 0;border-bottom:1px solid var(--line)}
.hob-item h3{font:1.375rem/1.6 var(--serif);margin:4px 0 6px}
.hob-item h3 a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px}
.hob-item .mini-label,.hob-reader .mini-label{font-size:0.8125rem;color:var(--muted)}
.hob-reader .story-copy,.hob-making .story-copy{margin-top:28px;line-height:2.1}
.hob-illustration{margin:28px 0 0}
.hob-illustration img{display:block;width:100%;height:auto}
.hob-reader .story-copy p{color:var(--ink);margin-bottom:1.1em}
.hob-making .story-copy p,.hob-making li{color:var(--ink);margin-bottom:1em}
.hob-making ul{list-style:disc;padding-left:1.4em;margin-bottom:1em}
.hob-making blockquote{margin:0 0 1em;padding:12px 18px;border-left:2px solid var(--gold);background:#ebe6dc}
html[data-reading-theme="dark"] :is(.hob-before,.hob-making blockquote){background:#223145;color:var(--ink);border-color:var(--line)}
.hob-picked{color:var(--muted)}
.hob-choose{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.hob-choose h2{font:1.625rem/1.6 var(--serif);margin-bottom:4px}
.hob-choices{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hob-choice{padding:18px;border:1px solid var(--line)}
.hob-choice .button{width:100%;min-height:52px;font-size:0.9375rem;gap:12px}
.hob-bad .button{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.hob-bad .button:hover{background:#253349}
.hob-choice p{margin-top:12px;font-size:0.9375rem}
.hob-cost{display:block;font-size:0.8125rem;color:var(--muted);margin-bottom:2px}
.hob-sequence ul{list-style:none;padding:0;margin:24px 0}
.hob-sequence li{padding:4px 0}
@media(max-width:760px){.hob-entry{flex-direction:column;align-items:flex-start}.hob-choices{grid-template-columns:1fr}.hob-shelf>h2,.hob-making h2{font-size:1.5rem}.hob-item h3{font-size:1.25rem}}