
:root { color-scheme: light; --ink:#182b45; --soft:#ffffff; --orange:#f58b29; --muted:#526176; --line:#dce2e8; --card:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { max-width:840px; margin:0 auto; padding:28px 23px 64px; }
h1 { font-size:clamp(2.05rem,5.4vw,3.05rem); line-height:1.14; letter-spacing:-.03em; margin:12px 0 17px; }
h2 { font-size:clamp(1.38rem,3vw,1.6rem); line-height:1.3; margin:0 0 14px; letter-spacing:-.01em; }
h3 { font-size:1.13rem; line-height:1.35; margin:19px 0 8px; }
p { margin:0 0 15px; }
ul,ol { padding-left:24px; }
li { margin-bottom:8px; }
section.content { margin:29px 0; }
.kicker { font-size:.8rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; color:#263e59; }
.lead { font-size:1.12rem; line-height:1.57; }
.answer,.helper,.worksheet { background:var(--card); border:1px solid var(--line); border-radius:15px; padding:23px 25px; margin:21px 0; }
.answer { border-left:4px solid #f58b29; }
.answer p:last-child,.result p:last-child { margin-bottom:0; }
.prompt { border-left:3px solid #c0c9d3; padding:0 0 0 16px; margin:17px 0; }
.example { background:#f5f6f8; border-radius:11px; padding:16px 20px; margin:18px 0; }
.example p:last-child { margin:0; }
.routes { margin:22px 0; }
.routes ul { margin:8px 0 12px; padding-left:22px; }
.explain { margin:24px 0; }
#helper-title { margin-bottom:10px; }
fieldset { border:0; border-bottom:1px solid var(--line); padding:16px 0; margin:0; min-width:0; }
fieldset:first-of-type { padding-top:5px; }
fieldset:last-of-type { border:0; }
legend { font-weight:750; padding:0 0 7px; }
.choice { display:block; position:relative; padding:6px 0 6px 30px; cursor:pointer; }
.choice input { position:absolute; left:0; top:9px; width:19px; height:19px; margin:0; accent-color:#ca680d; }
.submit { border:0; background:var(--orange); color:#182b45; border-radius:9px; padding:12px 18px; font:750 1rem system-ui,sans-serif; cursor:pointer; }
.submit:hover,.submit:focus-visible { background:#e27b1e; }
:focus-visible { outline:3px solid #c65d05; outline-offset:3px; }
.result { background:#f4f5f7; border-radius:11px; padding:18px; margin:17px 0 0; }
.result ul { padding-left:22px; margin:10px 0; }
.result li { margin-bottom:5px; }
.pending { display:inline-block; background:#f1f3f5; border:1px solid #c5cdd6; border-radius:9px; color:#182b45; padding:11px 16px; font-weight:750; }
.disclosure,.sources,footer { font-size:.86rem; color:var(--muted); }
.disclosure { margin:11px 0; }
[hidden] { display:none!important; }
.steps li { padding-left:3px; }
.launch-list { list-style:none; padding:0; margin:0; }
.launch-list li { display:flex; align-items:flex-start; gap:11px; margin:10px 0; }
.launch-list input { margin-top:5px; width:19px; height:19px; accent-color:#ca680d; flex:none; }
.launch-list label { cursor:pointer; }
.qa { border-top:1px solid var(--line); margin:25px 0; padding-top:20px; }
.qa h3 { margin-top:18px; }
.sources { border-top:1px solid var(--line); padding-top:18px; margin-top:29px; }
.sources h2 { font-size:1.07rem; }
.sources ul { padding-left:22px; }
.sources li { margin:6px 0; overflow-wrap:anywhere; }
a:not(.pending) { color:#182b45; text-underline-offset:3px; }
footer { border-top:1px solid var(--line); margin-top:24px; padding-top:15px; }
.skip { position:absolute; left:-9999px; top:5px; background:#fff; padding:9px; }
.skip:focus { left:9px; z-index:5; }

.planning-scroll { max-width:100%; overflow-x:auto; margin:12px 0 15px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.planning-scroll:focus-visible { outline:3px solid #c65d05; outline-offset:2px; }
.planning-table { border-collapse:collapse; width:100%; min-width:420px; font-size:.93rem; line-height:1.45; }
.planning-table th,.planning-table td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.planning-table thead th { background:#edf0f3; }
.planning-table tbody th { width:37%; font-weight:700; }
.planning-table tr:last-child th,.planning-table tr:last-child td { border-bottom:0; }
@media(max-width:530px) {
  main { padding:24px 16px 44px; }
  .answer,.helper,.worksheet { padding:19px; }
  .submit,.pending { display:block; width:100%; text-align:center; }
  .example { padding:16px; }
}


body { background:#fff; }
.answer,.helper,.worksheet { background:#fff; border-color:#dce2e8; }
.example,.result { background:#f5f6f8; }
.submit,.planner-action { background:#f58b29; color:#182b45; }
.submit:hover,.submit:focus-visible,.planner-action:hover,.planner-action:focus-visible { background:#e17d1c; color:#182b45; }
.choice input,.launch-list input { accent-color:#ca680d; }
.kicker { color:#182b45; }
.pending { color:#24384f; }
p.disclosure { color:#46566a; }
.planner { background:#fff; padding:24px 25px; margin:30px 0; border:1px solid #dce2e8; border-top:5px solid #f58b29; border-radius:13px; }
.planner .subheading { color:#536176; }
.planner-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; }
.planner-field { min-width:0; margin:0 0 15px; }
.planner-field.full { grid-column:1 / -1; }
.planner-field label { display:block; font-weight:700; margin-bottom:6px; }
.planner-field input,.planner-field textarea,.planner-field select {
  width:100%; background:#fff; color:#182b45; border:1px solid #a8b4c3;
  border-radius:8px; padding:12px 13px; font:inherit; line-height:1.4;
}
.planner-field textarea { min-height:80px; resize:vertical; }
.planner-actions { display:flex; flex-wrap:wrap; gap:11px; margin:18px 0 5px; }
.planner-action { font:750 1rem system-ui,sans-serif; border:0; padding:13px 18px; border-radius:9px; cursor:pointer; }
.planner .hint { color:#526176; font-size:.9rem; }
.preview { margin-top:22px; padding:17px; background:#f5f6f8; border:1px solid #dce2e8; border-radius:10px; }
.preview h3 { margin-top:0; }
.preview dl { margin:0; }
.preview dt { color:#182b45; font-weight:750; margin-top:12px; }
.preview dd { margin:3px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
#planner-status { min-height:1.5em; color:#263e59; font-weight:600; margin:12px 0; }
.note-label { font-size:.9rem; color:#536176; }
@media(max-width:530px) {
  .planner { padding:18px; }
  .planner-grid { grid-template-columns:1fr; }
  .planner-field.full { grid-column:auto; }
  .planner-actions { display:block; }
  .planner-action { display:block; width:100%; margin-bottom:11px; }
}

/* Launch a Travel Blog editorial layout */
:root{--ink:#102d45;--muted:#526176;--line:#dce2e8;--orange:#ff8428}
body{font-size:17px;line-height:1.75;color:var(--ink)}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{max-width:1250px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:block;width:min(440px,60%);line-height:0}.brand img{display:block;width:100%;height:auto}
.site-header nav{display:flex;gap:25px;font-size:15px;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:last-child{border-bottom:2px solid var(--orange)}
.page-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:238px minmax(0,1fr);gap:63px;padding:56px 32px 0}
main{padding:0 0 65px;width:100%;max-width:790px;min-width:0}.contents{align-self:start;position:sticky;top:36px;padding-top:8px}
.kicker{letter-spacing:.14em;font-size:.76rem;font-weight:750;margin-bottom:16px}
.contents nav{display:grid;gap:2px;border-left:1px solid var(--line);padding-left:17px}.contents nav a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;padding:9px 0}.contents nav a:hover{color:#9a4100}.contents nav span{color:#657589;font-size:12px;min-width:20px}.contents nav .nav-marker{color:#9a4100;font-size:18px}.sidebar-note{font-size:14px;line-height:1.7;color:var(--muted);margin:24px 0;max-width:180px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.3rem,4.2vw,3.6rem);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:0 0 23px}
.byline{font-size:14px;color:var(--muted);margin:0 0 26px}.byline span{margin:0 8px}.byline a{font-weight:650}
.article-header{margin-bottom:42px}.lead{font-size:1.05rem}.answer{border-radius:0;padding:22px 24px;background:#f7f8fa;border-width:0;border-left:4px solid var(--orange);line-height:1.7}
h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:1.75rem;line-height:1.3;letter-spacing:-.02em;scroll-margin-top:30px}h3{font-size:1.1rem}
section.content{margin:42px 0}.example{padding:23px;border-radius:6px;background:#f5f6f8}.planning-scroll{border-radius:3px}.planning-table{font-size:15px;line-height:1.5;min-width:340px}
.planner{padding:29px;border-radius:6px;margin:45px 0}.planner h2{font-size:2rem;margin-bottom:12px}.planner-grid{gap:6px 18px}.planner-field label{font-size:15px;line-height:1.5}.planner-field input,.planner-field textarea,.planner-field select{font-size:16px;line-height:1.5;border-radius:4px}.planner-action,.submit{border-radius:4px;background:var(--orange);padding:13px 20px;color:var(--ink);min-height:46px}.planner-action:disabled{opacity:.65;cursor:wait}.planner-actions{gap:12px}.planner-action:last-child{background:white;border:1px solid var(--ink)}
.preview{border-radius:4px}.preview dl{font-size:15px}.helper,.worksheet{padding:25px;border-radius:6px}.choice{line-height:1.6}.choice input{top:11px}.hosting-link{display:inline-block;font-weight:650;line-height:1.5;text-underline-offset:4px}.sources{font-size:14px}.sources h2{font-family:inherit;font-size:17px;font-weight:700}
.author-note{border-top:1px solid var(--line);padding:30px 0 0;margin-top:38px}.author-note h2{font-size:1.65rem}.author-note p:last-child{font-size:15px;color:var(--muted)}
.site-footer{max-width:1186px;margin:0 auto;padding:27px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.site-footer strong{color:var(--ink)}.site-footer p{margin:4px 0}.site-footer nav{display:flex;gap:23px;align-items:start}.site-footer a{text-decoration:none}
#first-post-planner,#guide{scroll-margin-top:25px}
@media(max-width:1000px){.page-layout{gap:35px;grid-template-columns:200px minmax(0,1fr)}.site-footer{margin:0 32px}}
@media(max-width:780px){.header-inner{padding:22px}.brand{width:min(370px,70%)}.site-header nav{gap:12px;font-size:14px}.site-header nav a:first-child{display:none}.page-layout{display:block;padding:30px 22px 0}.contents{position:static;padding:0 0 24px}.contents .kicker{margin-bottom:9px}.contents nav{display:flex;flex-wrap:wrap;gap:2px 17px;padding:0;border:0}.contents nav a{font-size:13px;padding:4px 0}.contents nav a:nth-child(n+5){display:none}.sidebar-note{display:none}h1{font-size:2.55rem}.article-header{margin-bottom:30px}.site-footer{margin:0 22px;flex-direction:column}.planner{padding:22px}.planning-table{min-width:300px}}
@media(max-width:530px){.brand{width:75%}.header-inner{gap:12px;padding:20px 16px}.page-layout{padding:27px 17px 0}main{padding-bottom:40px}h1{font-size:2.2rem;line-height:1.15}.byline span{display:none}.byline{max-width:270px}.byline a{margin-right:7px}h2{font-size:1.55rem}.answer,.helper,.worksheet{padding:19px}.planner{padding:19px}.planner h2{font-size:1.7rem}.planner-grid{display:block}.planner-actions{display:block}.planner-action{width:100%}.example{padding:18px}.contents nav a{font-size:13px}.planning-table th,.planning-table td{padding:9px}.site-footer nav{gap:25px}.site-footer{margin:0 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
