:root{--ink:#18384b;--paper:#fffdf7;--sea:#147f8a;--coral:#e75c48;--sand:#f1e4c7;--line:#d9d0bd;--muted:#63727a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
a{color:inherit}
.skip-link{position:fixed;left:12px;top:-80px;z-index:20;background:#fff;padding:10px 14px;border:2px solid var(--ink)}
.skip-link:focus{top:12px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.masthead{max-width:1180px;margin:auto;padding:26px 26px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.masthead p{margin:0 0 4px;color:var(--muted);font:700 12px/1.3 "Trebuchet MS",sans-serif;text-transform:uppercase}
.wordmark{text-decoration:none;display:flex;align-items:baseline;gap:8px;font-size:32px;line-height:1;color:var(--ink)}
.wordmark b{color:var(--coral);font-size:17px;font-style:italic;font-weight:400}
.main-nav{border-top:1px solid var(--line);display:flex;justify-content:center;gap:0;overflow-x:auto;padding:0 16px}
.main-nav a{flex:0 0 auto;padding:12px 18px;text-decoration:none;font:700 12px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;border-bottom:3px solid transparent}
.main-nav a:hover,.main-nav a:focus{border-bottom-color:var(--coral)}
main{display:block}
.hero{position:relative;min-height:610px;display:grid;align-items:end;overflow:hidden;background:#8fb5bd}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,39,.82) 0,rgba(10,31,39,.52) 43%,rgba(10,31,39,.03) 72%)}
.hero-copy{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:70px 26px 74px;color:#fff}
.hero-copy>*{max-width:610px}
.kicker,.section-label{margin:0 0 10px;font:700 12px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;color:var(--coral)}
.hero h1{margin:0;font-size:clamp(48px,6vw,82px);line-height:.98;max-width:720px}
.hero-copy>p:not(.kicker){font-size:20px;line-height:1.55;margin:22px 0 28px}
.hero-copy>a{display:inline-block;background:var(--coral);color:#fff;padding:12px 17px;text-decoration:none;font:700 13px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase}
.reading-board{position:relative;z-index:2;width:min(1120px,calc(100% - 42px));margin:-28px auto 68px;background:#fff;border-top:6px solid var(--coral);box-shadow:0 18px 46px rgba(26,49,56,.14);padding:28px 30px 30px}
.reading-board header{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px}
.reading-board h2,.intro-grid h2,.destination-strip h2,.old-favourites h2{margin:0;font-size:36px;line-height:1.08}
.all-reading{font:700 12px/1.3 "Trebuchet MS",sans-serif;text-transform:uppercase;color:var(--sea)}
.managed-reading{counter-reset:notes;list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:314px;overflow-y:auto;scrollbar-color:var(--sea) #eee}
.managed-reading li{counter-increment:notes;min-width:0;border-bottom:1px dotted var(--line);padding:13px 17px 13px 42px;position:relative}
.managed-reading li:before{content:counter(notes,decimal-leading-zero);position:absolute;left:10px;top:15px;color:var(--coral);font:700 11px/1 "Trebuchet MS",sans-serif}
.managed-reading a{text-decoration:none;font-size:15px;line-height:1.35;display:block;overflow-wrap:anywhere}
.managed-reading a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:3px}
.intro-grid{width:min(1100px,calc(100% - 42px));margin:0 auto 80px;display:grid;grid-template-columns:1.7fr .8fr;gap:80px;align-items:start}
.intro-note p:not(.section-label){font-size:20px;max-width:700px}
.editor-note{border-left:5px solid var(--sea);padding:4px 0 8px 26px}
.editor-note h3{font-size:26px;margin:12px 0 4px}
.editor-note p{margin:0 0 12px;color:var(--muted)}
.editor-note a{color:var(--coral);font-weight:700}
.postmark{display:inline-block;border:1px solid var(--ink);border-radius:50%;padding:7px 9px;font:700 10px/1 "Trebuchet MS",sans-serif;transform:rotate(-7deg)}
.destination-strip{background:var(--ink);color:#fff;padding:66px max(24px,calc((100% - 1100px)/2));display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}
.destination-strip .section-label{color:#8fd7d6}
.destination-columns{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.24)}
.destination-columns a{padding:12px 24px;text-decoration:none;border-right:1px solid rgba(255,255,255,.24)}
.destination-columns b,.destination-columns span{display:block}
.destination-columns b{color:#ff8e78;font-size:22px;margin-bottom:9px}
.destination-columns span{font:15px/1.55 "Trebuchet MS",sans-serif;color:#dce7e8}
.old-favourites{width:min(1100px,calc(100% - 42px));margin:72px auto}
.old-favourites ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}
.old-favourites li{border-bottom:1px solid var(--line);padding:16px 6px}
.old-favourites li:nth-child(odd){border-right:1px solid var(--line);padding-right:26px}
.old-favourites li:nth-child(even){padding-left:26px}
.old-favourites a{text-decoration:none;font-size:18px}
.old-favourites a:after{content:"  ->";color:var(--coral)}
footer{background:#e8ddc7;color:var(--ink);padding:44px max(24px,calc((100% - 1100px)/2));display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:end}
.footer-mark{font-size:24px;font-weight:700;text-decoration:none}
footer p{margin:0;color:#52636a}
footer nav{display:flex;gap:18px;font:700 12px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase}
.subpage{width:min(900px,calc(100% - 40px));margin:70px auto 100px}
.subpage h1{font-size:clamp(42px,7vw,72px);line-height:1;margin:0 0 24px}
.subpage h2{margin-top:48px;font-size:28px}
.subpage p,.subpage li{font-size:18px}
.hub-list{list-style:none;padding:0;border-top:4px solid var(--coral);counter-reset:hub}
.hub-list li{counter-increment:hub;display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--line);padding:18px 0}
.hub-list li:before{content:counter(hub,decimal-leading-zero);color:var(--coral);font:700 12px/2 "Trebuchet MS",sans-serif}
.hub-list a{text-decoration:none;font-size:20px;line-height:1.3}
@media(max-width:800px){.masthead{align-items:flex-start;flex-direction:column}.masthead p{display:none}.hero{min-height:560px}.hero:after{background:linear-gradient(0deg,rgba(10,31,39,.88) 0,rgba(10,31,39,.35) 74%)}.hero-copy{padding-bottom:58px}.managed-reading{grid-template-columns:repeat(2,1fr)}.intro-grid,.destination-strip{grid-template-columns:1fr;gap:32px}.destination-columns{border-top:1px solid rgba(255,255,255,.24);border-left:0}.destination-columns a{padding-left:0}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(max-width:520px){.wordmark{font-size:28px}.main-nav{justify-content:flex-start}.hero{min-height:580px}.hero h1{font-size:46px}.hero-copy>p:not(.kicker){font-size:17px}.reading-board{width:calc(100% - 20px);padding:24px 18px;margin-bottom:52px}.reading-board header{align-items:start;flex-direction:column}.managed-reading{grid-template-columns:1fr;max-height:360px}.reading-board h2,.intro-grid h2,.destination-strip h2,.old-favourites h2{font-size:30px}.intro-grid,.old-favourites{width:calc(100% - 30px)}.destination-columns{grid-template-columns:1fr}.destination-columns a{border-right:0;border-bottom:1px solid rgba(255,255,255,.24);padding:18px 0}.old-favourites ul{grid-template-columns:1fr}.old-favourites li:nth-child(odd){border-right:0;padding-right:6px}.old-favourites li:nth-child(even){padding-left:6px}}