/* A reading sheet and photographic index, using the existing AZ type and colours. */
.az-journal{max-width:1280px;margin:64px auto 90px;padding:0 32px}
.az-journal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:24px}
.az-journal-heading h1{font-size:clamp(38px,5vw,64px);margin:0}
.az-journal-heading p{font-size:18px;margin:0}
.az-journal-search{max-width:600px;margin:32px 0 44px}
.az-journal-search label{display:block;margin-bottom:8px;font-weight:700}
.az-journal-search>div{display:flex;gap:8px}
.az-journal-search input{min-width:0;flex:1;padding:12px;border:1px solid #bac4bd;background:#fff;color:var(--ink);font:inherit}
.az-journal-search button{padding:12px 24px;background:#ef7625;color:#17231b;border:0;font:inherit;font-weight:700;cursor:pointer}
.az-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.az-journal-grid article{min-width:0}
.az-journal-photo{display:block;background:#e4e8e3;aspect-ratio:3/2;overflow:hidden}
.az-journal-photo:empty{display:none}
.az-journal-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.az-journal-photo:hover img{transform:scale(1.025)}
.az-journal-category{font-size:13px;font-weight:700;margin:18px 0 12px;color:#526156}
.az-journal-grid h2{font-size:28px;line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}
.az-journal-grid h2 a{text-decoration:none}
.az-journal-grid h2 a:hover,.az-journal-read:hover{color:#a3480d}
.az-journal-grid article>p:not(.az-journal-category){line-height:1.65;margin:0 0 18px}
.az-journal-read{font-weight:700;text-underline-offset:5px}
.az-journal .pagination{display:block;width:auto;margin:56px 0 0}
.az-journal .nav-links{display:flex;flex-wrap:wrap;gap:12px}
.az-journal .page-numbers{padding:8px 12px;background:#fff}
.az-journal .page-numbers.current{background:#ef7625;color:#17231b}
.az-story{max-width:1040px;margin:48px auto 80px;background:#fff;padding:48px 64px}
.az-story-heading{max-width:800px;margin:0 auto 32px}
.az-story-heading>a{font-size:15px;text-underline-offset:4px}
.az-story-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:16px 0 0;letter-spacing:-.035em;text-wrap:balance}
.az-story-cover{margin:0 0 40px}
.az-story-cover img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.az-story-content{max-width:740px;margin:auto;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.az-story-content p,.az-story-content ul,.az-story-content ol{margin:0 0 24px}
.az-story-content h2{font-size:32px;margin:48px 0 20px;line-height:1.2}
.az-story-content h3{font-size:25px;margin:32px 0 16px;line-height:1.3}
.az-story-content h4{font-size:20px}
.az-story-content img{display:block;max-width:100%;height:auto;margin:24px auto}
.az-story-content figure{margin:24px 0}
.az-story-content a{text-underline-offset:4px;color:#884210}
.az-story-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.az-story-content td,.az-story-content th{padding:12px;border:1px solid #d9ded9;min-width:100px;text-align:left}
.az-story-content summary{cursor:pointer;font-weight:700}
.az-story-content summary h3{display:inline;font:inherit;margin:0}
.az-story-content details{padding:18px 0;border-bottom:1px solid #d9ded9}
.az-story-content details[open]>p:first-of-type{margin-top:20px}
.az-story-end{max-width:740px;margin:48px auto 0;padding-top:24px;border-top:1px solid #d9ded9}
@media(max-width:1000px){.az-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-journal-heading{display:block}.az-journal-heading p{margin-top:16px}.az-story{margin:32px 24px 60px;padding:36px}}
@media(max-width:600px){.az-journal{margin:36px auto 56px;padding:0 20px}.az-journal-grid{grid-template-columns:1fr;gap:40px}.az-journal-grid h2{font-size:28px}.az-story{padding:28px 20px;margin:24px 0 48px}.az-story-content{font-size:17px}.az-story-content h2{font-size:28px}.az-story-content h3{font-size:23px}.az-story-cover{margin-bottom:28px}}
/* Equal-sized article cards; full titles and content remain on the article page. */
.az-journal-sort{display:flex;gap:10px;align-items:center;margin:0 0 24px}
.az-journal-sort select{width:300px;max-width:100%;min-height:44px;border:1px solid #89958d;border-radius:5px;background:#fff;color:var(--ink);padding:8px 12px;font:inherit;font-size:16px}
body.js .journal-sort-apply{display:none}
.az-journal-grid .az-journal-card{display:flex;flex-direction:column;border:1px solid #d5dcd6;border-radius:6px;background:#fff;overflow:hidden}
.az-journal-card .az-journal-photo{aspect-ratio:16/9;flex-shrink:0}
.az-journal-card .az-journal-no-photo{display:block}
.az-journal-card-body{display:flex;flex-direction:column;gap:12px;padding:20px;flex:1;min-width:0}
.az-journal-grid .az-journal-card h2{font-family:var(--body);font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.02em;text-wrap:wrap;height:72px;margin:0;overflow:hidden}
.az-journal-card h2 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.az-journal-card-body .az-journal-category{height:20px;line-height:20px;font-size:14px;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-journal-card-body .az-journal-excerpt{height:72px;line-height:24px;font-size:16px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.az-journal-card .az-journal-read{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;border:1px solid #ef7625;border-radius:6px;background:#ef7625;color:#17231b;font-size:15px;font-weight:700;text-decoration:none;padding:8px 16px}
.az-journal-card .az-journal-read:hover,.az-journal-card .az-journal-read:focus-visible{background:#de6515;border-color:#de6515;color:#17231b}
@media(max-width:600px){.az-journal-grid{gap:24px}.az-journal-sort select{width:100%}.az-journal-sort{flex-wrap:wrap}}

/* Article reading layout: contents, story, related reading. */
.az-story{max-width:1600px;padding:40px 28px}.az-story-cover{max-width:900px;margin:0 auto 40px}.az-story-layout{display:grid;grid-template-columns:minmax(160px,210px) minmax(0,740px) minmax(220px,280px);gap:32px;justify-content:center;align-items:start}.az-story-content{width:100%;min-width:0;margin:0}.story-contents,.story-related{position:sticky;top:110px;min-width:0;font-family:Arial,sans-serif}.story-contents[hidden]{display:none}.story-contents details{padding:0;border:1px solid #e1e3df;border-radius:5px;background:#fff}.story-contents summary{padding:12px;min-height:44px;font-weight:700;cursor:pointer;background:#fff0e3}.story-contents nav{max-height:calc(100dvh - 210px);overflow:auto;padding:8px 12px}.story-contents ol{list-style:none;padding:0;margin:0}.story-contents li{margin:0}.story-contents a{display:block;padding:8px 0;font-size:14px;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}.story-contents .toc-subheading{padding-left:12px;font-size:13px}.story-contents a:hover{color:#a3480d}.az-story-content :is(h2,h3){scroll-margin-top:120px}
.story-related{padding:16px;background:#f5f6f3;border-radius:6px}.story-related h2{font:700 18px/1.3 Arial,sans-serif;margin:0 0 16px}.story-related-list{display:flex;flex-direction:column;gap:12px}.story-related-item{display:flex;align-items:center;gap:10px;min-height:90px;text-decoration:none;border-bottom:1px solid #dfe3db;padding-bottom:12px}.story-related-item[hidden]{display:none}.story-related-item img{width:72px;height:64px;object-fit:cover;flex-shrink:0;border-radius:3px}.story-related-item span{font-size:13px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.story-related-controls{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.story-related-controls[hidden]{display:none}.story-related-controls button{width:44px;height:44px;padding:0;border:1px solid #bfc7bb;border-radius:50%;background:#fff;color:#111;font-size:20px}.story-related-controls button:hover{background:var(--action)}.story-related-all{display:inline-block;font-size:14px;font-weight:600;margin-top:12px}.story-contents :focus-visible,.story-related :focus-visible{outline:2px solid #bc4d0b;outline-offset:2px}
.az-story-content details{padding:0;border-bottom:1px solid #d9ded9;margin:0}.az-story-content details>summary{padding:10px 0;min-height:44px;font-size:16px;line-height:1.5}.az-story-content details>summary h3{font:inherit;margin:0;display:inline}.az-story-content details[open]>p:first-of-type{margin-top:4px}.az-story-content details p,.az-story-content details ul,.az-story-content details ol{margin:0 0 10px;line-height:1.6}.az-story-content details>div{padding:0;margin:0}.az-story-content details>:last-child:not(summary){margin-bottom:12px}
@media(max-width:1100px){.az-story{margin:24px auto 48px;padding:28px 24px}.az-story-layout{grid-template-columns:minmax(0,740px);gap:24px}.story-contents,.story-related{position:static}.story-contents nav{max-height:320px}.story-related{max-width:740px}.story-related-item img{width:96px;height:72px}.story-related-item span{font-size:15px}}
@media(max-width:600px){.az-story{padding:24px 20px}.az-story-cover{margin-bottom:24px}.az-story-content details>summary{font-size:15px}.az-story-content details p{font-size:16px}}
@media(min-width:1101px){.story-contents{grid-column:1}.az-story-layout>.az-story-main{grid-column:2}.story-related{grid-column:3}}
/* The article contents is independent of the mobile header navigation. */
body.js .story-contents nav,.story-contents nav{display:block;position:static;width:auto;background:transparent;color:inherit;box-shadow:none}

/* Sidebars begin at the cover image and use the full outer reading columns. */
.az-story{max-width:1760px}.az-story-layout{grid-template-columns:minmax(240px,340px) minmax(0,960px) minmax(260px,340px);gap:28px}.az-story-main{min-width:0}.az-story-main .az-story-cover{max-width:none;margin:0 0 32px}.az-story-main .az-story-content{max-width:none}.story-contents details{margin:0}.story-contents summary{font:700 22px/1.4 Arial,sans-serif;padding:16px 18px}.story-contents nav{padding:10px 18px}.story-contents a{font-size:16px;padding:10px 0}.story-contents .toc-subheading{font-size:15px}.story-related{padding:20px}.story-related h2{font-size:22px;margin-bottom:20px}.story-related-item{gap:14px;min-height:112px;padding-bottom:16px}.story-related-item img{width:96px;height:80px}.story-related-item span{font:600 15px/1.5 Arial,sans-serif}.story-related-all{font-size:16px}
@media(max-width:1100px){.az-story-layout{grid-template-columns:minmax(0,740px);gap:24px}}
@media(max-width:600px){.story-contents summary{font-size:20px}.story-related h2{font-size:20px}.az-story-main .az-story-cover{margin-bottom:24px}}