/* Travel notes (5 Nov 2026): one card style everywhere, filters on /articles/, photo-led home section. See notes_pass.py. */
.tn-eyebrow{margin:0 0 8px;font:600 .9375rem/1.3 var(--sans);letter-spacing:.14em;color:inherit}
.tn-meta{display:block;font:600 .9375rem/1.3 var(--sans);letter-spacing:.04em;color:var(--rust,#8f3f22)}
html body .tn-title{display:block;margin:6px 0 8px;font:600 1.625rem/1.18 var(--display);letter-spacing:0;color:var(--ink,#1c1a17)}
.tn-desc{display:block;font:400 1.0625rem/1.55 var(--sans);color:var(--ink2,#4a443c)}

/* Page heading */
.tn-hero{position:relative;padding:72px 24px 64px;background:linear-gradient(rgba(28,26,23,.62),rgba(28,26,23,.62)),url(photos/f4c5fbb16d38-1400.webp) center/cover;color:#fffdf8}
.tn-hero-text{max-width:var(--maxw,1180px);margin:0 auto}
html body .tn-hero h1{margin:0 0 10px;color:#fffdf8;font-size:clamp(2.75rem,6vw,4.5rem);line-height:1.05}
.tn-hero p{margin:0;max-width:60ch;color:#fffdf8;font-size:1.25rem;line-height:1.5}
.tn-hero .tn-eyebrow{font-size:.9375rem}
.tn-wrap{padding-top:28px}

/* Filters */
.tn-tools{margin:0 0 28px}
.tn-tools[hidden],.tn-none[hidden],.tn-more[hidden],#tn-clear[hidden],.tn-card[hidden]{display:none}
.tn-tools label>span{display:block;margin:0 0 6px;font:600 1rem/1.4 var(--sans);color:var(--ink,#1c1a17)}
.tn-tools input,.tn-tools select{width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--rule-strong,#b3a68c);border-radius:0;background:var(--card,#fffdf8);color:var(--ink,#1c1a17);font:400 1.0625rem/1.3 var(--sans);box-sizing:border-box}
.tn-search{display:block;max-width:640px}
.tn-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.tn-chip{min-height:46px;padding:0 18px;border:1px solid var(--ink,#1c1a17);background:transparent;color:var(--ink,#1c1a17);font:600 1.0625rem/1 var(--sans);cursor:pointer}
.tn-chip span{font-weight:400;opacity:.75;margin-left:4px}
.tn-chip:hover{background:var(--paper-deep,#f1eadb)}
.tn-chip[aria-pressed="true"]{background:var(--ink,#1c1a17);color:var(--paper,#faf6ee)}
.tn-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px 18px;align-items:end}
#tn-clear{min-height:52px;padding:0 20px;border:1px solid var(--ink,#1c1a17);background:transparent;color:var(--ink,#1c1a17);font:600 1.0625rem/1 var(--sans);cursor:pointer}
.tn-count{margin:16px 0 0;font-size:1.0625rem;color:var(--ink2,#4a443c)}
.tn-tools input:focus-visible,.tn-tools select:focus-visible,.tn-chip:focus-visible,#tn-clear:focus-visible,.tn-more:focus-visible{outline:3px solid var(--ink,#1c1a17);outline-offset:2px}

/* Cards */
.tn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
a.tn-card{display:flex;flex-direction:column;overflow:hidden;background:var(--card,#fffdf8);border:1px solid var(--rule,#ddd3c0);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
a.tn-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(28,26,23,.1)}
a.tn-card:hover .tn-title{color:var(--rust,#8f3f22)}
.tn-media{display:block;height:190px;background:var(--paper-deep,#f1eadb)}
.tn-media img{display:block;width:100%;height:100%;object-fit:cover}
.tn-tint{display:flex;align-items:flex-end;padding:18px 22px;box-sizing:border-box;color:#fffdf8;font:italic 600 2rem/1.1 var(--display);background:#3f4f43}
.tn-tint[data-topic="Planning"]{background:#3f4f43}
.tn-tint[data-topic="Confidence"]{background:#8f3f22}
.tn-tint[data-topic="Eating alone"]{background:#6e5a2e}
.tn-tint[data-topic="Money"]{background:#2f4858}
.tn-tint[data-topic="On the road"]{background:#5a4252}
.tn-body{display:block;padding:18px 22px 22px}
.tn-small .tn-media{height:130px}
.tn-small .tn-tint{font-size:1.5rem;padding:12px 18px}
.tn-none{margin:12px 0;font-size:1.0625rem}
.tn-more{display:block;min-height:56px;margin:32px auto 8px;padding:0 32px;border:0;background:var(--rust,#8f3f22);color:#fffdf8;font:600 1.125rem/1 var(--sans);cursor:pointer}
.tn-more:hover{background:var(--rust-d,#7a3419)}

/* Article pages: headings match the reading column */
html body .article h1{max-width:820px;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.08}
html body .article h2{max-width:626px;font-size:clamp(1.75rem,3vw,2.125rem);line-height:1.18}
.tn-byline{margin:10px 0 22px;font-size:1.0625rem;color:var(--ink2,#4a443c)}
.tn-article-photo{display:block;width:100%;max-width:820px;height:auto;max-height:460px;object-fit:cover;margin:0 0 28px}
.tn-related{padding-top:44px;padding-bottom:44px;border-top:1px solid var(--rule,#ddd3c0)}
.tn-rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 22px}
html body .tn-rel-head h2{margin:0;font-size:2.25rem;line-height:1.1}
.tn-next{margin:26px 0 0;font-size:1.125rem}

/* Home section */
.tn-home{padding:64px 24px;background:#26332b;color:#fffdf8}
.tn-home-inner{max-width:var(--maxw,1180px);margin:0 auto}
html body .tn-home h2{margin:0;color:#fffdf8;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.05}
a.tn-home-all{color:#fffdf8;font:600 1.125rem/1.3 var(--sans);text-underline-offset:4px}
.tn-home-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:22px}
a.tn-home-lead{position:relative;display:block;min-height:380px;overflow:hidden;color:#fffdf8;text-decoration:none}
.tn-home-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tn-home-cap{position:absolute;left:0;right:0;bottom:0;padding:60px 26px 24px;background:linear-gradient(transparent,rgba(28,26,23,.92) 45%)}
.tn-home-cap .tn-meta{color:#fffdf8}
html body .tn-home-cap .tn-title{color:#fffdf8;font-size:2.125rem;margin:6px 0 0}
.tn-home-stack{display:grid;gap:22px}
a.tn-home-side{display:block;padding:22px 24px;background:var(--card,#fffdf8);color:inherit;text-decoration:none}
a.tn-home-side:hover .tn-title{color:var(--rust,#8f3f22)}

@media(max-width:1000px){.tn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tn-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.tn-home-grid{grid-template-columns:1fr}a.tn-home-lead{min-height:300px}}
@media(max-width:620px){.tn-grid{grid-template-columns:1fr}.tn-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.tn-hero{padding:36px 20px 32px}.tn-chips{margin:14px 0}.tn-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-16px}.tn-chip{flex:0 0 auto}#tn-clear{width:100%}.tn-home{padding:48px 20px}}