/* THE WEEKENDERS · TRAVEL TIPS · shared editorial stylesheet */
:root{color-scheme:dark;--ink:#030b16;--night:#071423;--deep:#0c1a29;--panel:#0c1c2b;--gold:#e9b66a;--goldsoft:#f2d0a0;--ivory:#f7f2ec;--muted:#b8c1cb;--line:rgba(233,182,106,.28);--line-white:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.shell{width:min(1320px,90%);margin:auto}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:89px;border-bottom:1px solid var(--line-white)}.site-brand{display:flex;flex-direction:column;gap:6px}.site-brand strong{font:400 clamp(18px,2.1vw,27px) Georgia,'Times New Roman',serif;letter-spacing:.13em}.site-brand small{font-size:9px;letter-spacing:.22em;color:var(--gold)}.top-links{display:flex;align-items:center;gap:12px}.top-links a{border:1px solid rgba(233,182,106,.4);font-size:11px;letter-spacing:.11em;padding:14px 18px;transition:color .2s,background .2s}.top-links a:hover{background:rgba(233,182,106,.1);color:var(--gold)}
.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:700;color:var(--gold)}.hero{min-height:420px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:linear-gradient(112deg,#04111d 0%,#07131e 42%,#193345 100%)}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('assets/packing-hero.webp');background-position:right center;background-size:auto 100%;background-repeat:no-repeat;opacity:.67;filter:saturate(.68)}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020915 0%,rgba(2,9,21,.95) 23%,rgba(2,9,21,.68) 55%,rgba(2,9,21,.18) 100%),linear-gradient(0deg,var(--ink),transparent 38%)}.hero .shell{padding:76px 0 77px}.hero h1{font-size:clamp(51px,6.3vw,92px);letter-spacing:-.045em;line-height:1.02;margin:20px 0 22px;max-width:790px}.hero .intro{max-width:635px;line-height:1.8;color:#e0e1e4;font-size:clamp(15px,1.4vw,19px)}.crumbs{font-size:10px;letter-spacing:.16em;color:#cfc7bc;display:flex;align-items:center;gap:12px;margin-top:26px}.crumbs a{color:var(--gold)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 30px}.section-head h2{font-size:clamp(36px,3.8vw,56px);margin-top:11px;line-height:1.06}.section-head .section-note{max-width:320px;color:var(--muted);font-size:13px;line-height:1.75}.packing-approaches{padding:67px 0 62px}.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.approach{border:1px solid var(--line);min-width:0;background:linear-gradient(165deg,#112332,#06121d);display:flex;flex-direction:column;transition:border .2s,transform .2s,box-shadow .2s}.approach:hover,.approach.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px rgba(233,182,106,.15)}.approach:hover{transform:translateY(-3px)}.approach-photo{display:block;height:220px;width:100%;object-fit:cover;filter:saturate(.8)}.approach-copy{padding:24px 24px 20px;flex:1}.approach-number{font-size:10px;letter-spacing:.2em;color:var(--gold)}.approach h3{font-size:clamp(32px,3vw,48px);margin:10px 0 2px;color:var(--goldsoft)}.duration{font-size:11px;letter-spacing:.16em;color:#fff}.approach p:last-child{color:#bdc8d3;font-size:14px;line-height:1.8;margin-top:17px}.approach-select{display:flex;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 48px);margin:0 24px 25px;padding:15px 0;border:1px solid var(--gold);background:transparent;color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:700;transition:background .2s,color .2s}.approach-select span:first-child{padding-left:14px}.approach-select span:last-child{padding-right:14px;font-size:20px;font-weight:400}.approach-select:hover,.approach.is-selected .approach-select{color:#07121c;background:var(--gold)}
.guide-callout{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-block:1px solid var(--line);padding:34px 0}.guide-callout h3{font-size:31px;color:var(--goldsoft)}.guide-callout p{color:var(--muted);line-height:1.8;font-size:14px}
.checklist-zone{background:#071421;border-top:1px solid var(--line-white);padding:77px 0 84px}.checklist-layout{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:45px;align-items:start}.checklist-side{position:sticky;top:24px}.checklist-side h2{font-size:clamp(37px,4vw,55px);margin:12px 0 19px;line-height:1.12}.checklist-side p{font-size:14px;color:var(--muted);line-height:1.9}.mini-instructions{border-top:1px solid var(--line);margin-top:26px;padding-top:22px;font-size:12px!important}.checklist-main{min-width:0}.checklist-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;background:linear-gradient(90deg,#172b38,#0e2130);border:1px solid var(--line)}.checklist-title{font:400 29px Georgia,'Times New Roman',serif;color:var(--goldsoft)}.checklist-subtitle{margin-top:5px;color:var(--muted);font-size:12px}.progress-stats{font-size:11px;letter-spacing:.12em;color:var(--gold);white-space:nowrap}.progress-track{height:5px;background:rgba(255,255,255,.1)}.progress-fill{height:100%;width:0;background:var(--gold);transition:width .25s}.checklist-groups{padding:12px 26px 15px;border:1px solid var(--line-white);border-top:none;background:#091824}.check-group{padding:16px 0 23px;border-bottom:1px solid var(--line-white)}.check-group:last-child{border-bottom:0}.check-group h3{color:var(--gold);font:400 22px Georgia,'Times New Roman',serif;margin:6px 0 14px}.check-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px}.check-item{display:flex;align-items:center;gap:12px;min-height:37px;padding:5px 2px;color:#e3e5e7;font-size:13px;line-height:1.45;cursor:pointer}.check-item input{accent-color:var(--gold);height:18px;width:18px;flex-shrink:0;cursor:pointer}.check-item:has(input:checked) span{color:#8597a5;text-decoration:line-through}.custom-item{display:flex;align-items:center;gap:6px}.custom-item label{flex:1}.delete-item{border:0;background:none;color:#b7a193;font-size:17px;line-height:1;padding:4px 7px}.delete-item:hover{color:#fff}.custom-empty{color:var(--muted);font-size:12px;padding:5px 0}.add-item-form{display:flex;gap:10px;margin-top:20px}.add-item-form input{flex:1;min-width:0;color:var(--ivory);background:#06131e;border:1px solid rgba(255,255,255,.22);padding:15px;font-size:13px}.action-button{background:var(--gold);border:1px solid var(--gold);color:#06121e;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:13px 18px}.action-button:hover{background:var(--goldsoft)}.checklist-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.secondary-button{padding:13px 17px;background:transparent;border:1px solid var(--line);color:var(--goldsoft);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.secondary-button:hover{border-color:var(--gold)}.saved-note{color:#9faeba;font-size:11px;line-height:1.6;margin-top:17px}
.advice-section{padding:75px 0}.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.advice{padding:31px;background:linear-gradient(160deg,#0d2132,#07131f);border:1px solid var(--line-white)}.advice .advice-number{color:var(--gold);font-size:12px;letter-spacing:.15em}.advice h3{font-size:29px;color:var(--goldsoft);margin:18px 0 13px}.advice p{font-size:14px;line-height:1.8;color:var(--muted)}.official-links{margin-top:25px;display:flex;flex-wrap:wrap;gap:12px}.official-links a{display:inline-flex;align-items:center;gap:8px;color:var(--goldsoft);border-bottom:1px solid var(--gold);padding:10px 0;font-size:13px}.site-footer{border-top:1px solid var(--line-white);padding:32px 0 38px;display:flex;justify-content:space-between;gap:20px;color:#aab4bf;font-size:11px;letter-spacing:.12em}.site-footer a{color:var(--gold)}
/* Additional travel-guide pages */
.guide-intro{padding:64px 0 8px;max-width:960px}.guide-intro p{font-size:17px;color:#c9d1d9;line-height:1.9;max-width:760px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;padding:48px 0 75px}.guide-tile{border:1px solid var(--line);padding:32px;background:linear-gradient(140deg,#102333,#071420)}.guide-tile .number{color:var(--gold);font-size:12px;letter-spacing:.2em}.guide-tile h2{font-size:32px;color:var(--goldsoft);margin:16px 0}.guide-tile p{font-size:14px;line-height:1.85;color:var(--muted)}.guide-end{border-top:1px solid var(--line);padding:25px 0 65px}.guide-end a{font-size:12px;letter-spacing:.12em;color:var(--gold)}
@media(max-width:950px){.approach-grid{gap:12px}.approach-photo{height:170px}.approach-copy{padding:18px}.approach-select{width:calc(100% - 36px);margin:0 18px 19px}.checklist-layout{grid-template-columns:1fr;gap:24px}.checklist-side{position:static}.checklist-side h2{margin-bottom:8px}.advice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:670px){.shell{width:89%}.site-header{min-height:79px}.site-brand strong{font-size:17px}.site-brand small{font-size:7px}.top-links a{padding:11px;font-size:9px}.hero{min-height:370px}.hero .shell{padding:67px 0}.hero h1{font-size:clamp(45px,10vw,65px)}.hero::before{background-size:auto 100%;opacity:.37}.hero::after{background:linear-gradient(90deg,#020915,rgba(2,9,21,.7))}.section-head{align-items:start;flex-direction:column}.packing-approaches{padding:45px 0}.approach-grid,.advice-grid,.guide-list{grid-template-columns:1fr}.approach-photo{height:220px}.approach h3{font-size:42px}.guide-callout{grid-template-columns:1fr;gap:12px}.checklist-zone{padding:50px 0 60px}.checklist-top{padding:20px}.checklist-groups{padding:12px 18px}.check-items{grid-template-columns:1fr}.checklist-title{font-size:27px}.site-footer{flex-direction:column}.guide-intro{padding:50px 0 0}.guide-list{padding:30px 0 55px}}
@media(max-width:385px){.site-brand strong{font-size:14px}.site-brand small{letter-spacing:.11em}.top-links a{padding:9px 7px}.checklist-top{flex-direction:column;align-items:start}.add-item-form{flex-direction:column}.action-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media print{*{color:#111!important;background:#fff!important;box-shadow:none!important}body{background:#fff}.site-header,.hero,.packing-approaches,.guide-callout,.checklist-side,.add-item-form,.checklist-actions,.saved-note,.advice-section,.site-footer{display:none!important}.checklist-zone{padding:0!important;border:0!important}.checklist-layout{display:block!important}.checklist-top,.checklist-groups{border-color:#aaa!important}.checklist-groups{padding:8px}.check-group{break-inside:avoid}.check-items{grid-template-columns:1fr 1fr}.check-item:has(input:checked){display:none!important}.check-item input{accent-color:#111}.delete-item{display:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
