:root{--ink:#203b36;--green:#22745e;--paper:#f7f9f6;--muted:#73817b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif}header{min-height:88px;display:flex;align-items:center;gap:32px;max-width:1280px;margin:auto;padding:20px 36px}a{color:inherit;text-decoration:none}.brand{font-size:30px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.brand span{color:var(--green)}nav{display:flex;gap:26px;margin:auto;font-size:14px}nav a.active{color:var(--green);font-weight:bold}#account{display:flex;align-items:center;gap:10px;font-size:13px}main{max-width:1208px;margin:auto;padding:0 32px 64px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:370px;background:#e9efe6;border-radius:24px;overflow:hidden;margin:16px 0 55px}.hero>div:first-child{padding:48px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--green);font-weight:700}h1{font-size:44px;line-height:1.25;letter-spacing:-2px;margin:20px 0}p{color:var(--muted);font-size:14px;line-height:1.8}.btn{border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600;white-space:nowrap}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#165341;border-color:#165341}.hero-art{position:relative;overflow:hidden;background:#e3eddf}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#f6cf82;top:35px;right:85px}.mountain{position:absolute;width:450px;height:340px;border-radius:48% 52% 0 0;transform:rotate(-20deg)}.back{background:#9cb4a1;top:115px;left:20px}.front{background:#4f806a;top:210px;left:150px}.river{position:absolute;background:#c6ded6;width:550px;height:80px;bottom:-10px;left:-90px;transform:rotate(-18deg);border-radius:50%}.art-label{position:absolute;bottom:30px;right:28px;color:white;letter-spacing:2px;font-size:10px;line-height:2}.section-heading{margin-bottom:26px}h2{font-size:28px;font-weight:700;letter-spacing:-1px;margin:10px 0}h3{font-size:20px}.search-bar{display:flex;align-items:end;gap:12px;background:white;padding:22px;border:1px solid #e3e9e1;border-radius:14px}label{display:block;font-size:12px;font-weight:600;flex:1}label input,label select,label textarea{margin-top:8px}.form-control,.form-select{font-size:13px;border-color:#dce3dc;min-height:42px}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 3px #22745e15}.result-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:23px 0}#data-status{color:var(--muted)}.explore-layout{display:grid;grid-template-columns:44% 1fr;gap:24px}.spot-list{display:flex;flex-direction:column;gap:12px;max-height:650px;overflow:auto}.spot-card{display:flex;gap:17px;background:white;padding:15px;border:1px solid #e2e8df;border-radius:13px}.spot-art{min-width:100px;width:100px;height:110px;object-fit:cover;border-radius:8px;background:linear-gradient(150deg,#dce8d4,#8eb1a0);display:grid;place-items:center;font-size:30px}.spot-copy{flex:1}.badge-type{font-size:10px;color:var(--green);background:#edf4eb;padding:4px 7px;border-radius:4px}.spot-card h3{font-size:16px;margin:10px 0 5px}.spot-card p{font-size:11px;margin-bottom:8px}.spot-card .btn{padding:5px 9px;font-size:11px}.map-wrap{background:white;border:1px solid #dce4da;border-radius:14px;overflow:hidden;align-self:start;position:sticky;top:18px}.map-title{display:flex;justify-content:space-between;padding:19px;font-size:13px}.map-title span{color:var(--muted);font-size:11px}#map{height:520px;background-color:#e7eee3;background-image:linear-gradient(35deg,transparent 47%,#fff8 48%,#fff8 51%,transparent 52%),linear-gradient(110deg,transparent 46%,#fff8 47%,#fff8 49%,transparent 50%);background-size:140px 150px;display:grid;place-items:center}#map .fallback{background:#ffffffe8;padding:30px;text-align:center;border-radius:15px;max-width:85%}#map-status{padding:8px 18px;margin:0;font-size:11px}.panel{background:white;border:1px solid #dfe6dc;padding:28px;border-radius:15px}.narrow{max-width:560px;margin:auto}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-bottom:18px}textarea{min-height:100px}#route-list{padding:0;list-style:none;margin-top:24px}#route-list li{padding:15px;background:var(--paper);margin:8px 0;border-radius:8px;display:flex;gap:8px;align-items:center}#route-list li span{flex:1}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{background:white;padding:24px;border:1px solid #e0e6db;border-radius:12px}.tile img{width:100%;height:180px;object-fit:cover;border-radius:8px}.board-toolbar{display:flex;gap:15px;margin-bottom:20px}.board-row{background:white;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e4e9e0;padding:20px;cursor:pointer}.board-row small{color:var(--muted)}.empty{padding:40px;text-align:center;background:white;border-radius:12px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:35px;width:510px;max-width:94vw;max-height:90vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#182c2766}dialog label{margin:15px 0}.close-button{position:absolute;right:16px;top:10px;background:none;border:0;font-size:25px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 25px;border-radius:10px;z-index:9999;display:none;font-size:13px}footer{border-top:1px solid #dee5dc;padding:35px;text-align:center}footer p{margin-top:10px}footer small{font-size:11px;color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid #c49b42;outline-offset:3px}.error{color:#b83a39}.detail-photo{width:100%;max-height:240px;object-fit:cover;border-radius:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}[hidden]{display:none!important}@media(max-width:900px){header{flex-wrap:wrap;padding:20px;gap:15px}nav{order:3;width:100%;overflow:auto;margin:0;gap:20px}#account{margin-left:auto}.hero>div:first-child{padding:30px}h1{font-size:34px}.search-bar{flex-wrap:wrap}.search-bar label{flex:1 1 40%}.explore-layout{grid-template-columns:1fr}.map-wrap{position:static;order:-1}#map{height:330px}.spot-list{max-height:none}.tile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:0 16px 40px}.hero{grid-template-columns:1fr;margin-bottom:35px}.hero-art{height:160px}.hero{min-height:0}.back{top:50px}.front{top:110px}.sun{width:60px;height:60px;top:15px}.hero h1{font-size:34px}.hero>div:first-child{padding:28px}.tile-grid,.form-grid{grid-template-columns:1fr}.result-line{flex-direction:column}.board-row{flex-direction:column}.spot-art{width:75px;min-width:75px;height:100px}.panel{padding:20px}.search-bar{padding:16px}h2{font-size:24px}}
/* Editorial direction inspired by the KUAD 2026 reference. */
:root{--ink:#121212;--green:#111;--paper:#fff;--muted:#696969}body{background:#fff;color:#111;font-family:Arial,'Malgun Gothic',sans-serif}header{max-width:none;padding:25px 32px;gap:26px;min-height:90px;border-bottom:1px solid #eee;align-items:flex-start}.site-caption{font-size:11px;font-weight:700;line-height:1.7;white-space:nowrap}.site-caption span{font-weight:400;color:#666}.brand{font-size:27px;letter-spacing:-1.1px;line-height:1.2}.brand span{color:#111}nav{margin-left:auto;margin-right:0;gap:22px;font-size:12px;font-weight:700;padding-top:6px}nav a{padding-bottom:5px}nav a.active{border-bottom:1px solid #111}#account{padding-top:1px;font-size:11px}#account .btn{padding:5px 7px;font-size:10px}main{max-width:none;padding:0 32px 80px}.hero{background:none;display:grid;grid-template-columns:240px 1fr;gap:36px;border-radius:0;min-height:0;margin:40px 0 75px;overflow:visible}.hero-copy{display:flex;flex-direction:column;justify-content:flex-end}.hero>div:first-child{padding:0}.eyebrow{color:#555;font-size:10px;letter-spacing:1.4px}.hero h1{font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1.4;margin:20px 0}.hero p{font-size:12px;line-height:2;color:#444}.hero-link{display:flex;justify-content:space-between;border-top:1px solid #111;padding-top:14px;margin-top:25px;font-size:11px;font-weight:700}.hero-link span{font-size:20px}.hero-visual{position:relative;height:min(65vw,640px);min-height:400px;overflow:hidden;background:#a3afb3}.hero-visual>img{width:100%;height:100%;object-fit:cover}.visual-title{position:absolute;top:32px;left:32px;color:#fff;font-size:clamp(38px,6.2vw,100px);font-weight:700;line-height:.94;letter-spacing:-4px}.visual-caption{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#fff}.section-heading{display:grid;grid-template-columns:240px 1fr;gap:0 36px;margin-bottom:30px;border-top:1px solid #111;padding-top:24px}.section-heading .eyebrow{grid-row:1/3;padding-top:6px}h2{font-size:28px;font-weight:600;margin:0 0 10px;letter-spacing:-1px}.section-heading p{margin:0;font-size:12px}.search-bar{padding:20px 0;background:none;border:0;border-bottom:1px solid #ddd;border-radius:0;gap:18px}.form-control,.form-select{border-radius:0;border-color:#ccc;background-color:white}.btn{border-radius:0}.btn-primary{background:#111;border-color:#111}.btn-primary:hover{background:#444;border-color:#444}.btn-outline-secondary{border-color:#aaa;color:#111}.explore-layout{grid-template-columns:40% 1fr;gap:30px}.spot-card{border:0;border-bottom:1px solid #ddd;border-radius:0;padding:18px 0;background:none}.spot-art{border-radius:0;background:linear-gradient(145deg,#d5d9d8,#74868a);color:#fff}.badge-type{border-radius:0;background:#f0f0f0;color:#333}.map-wrap{border-radius:0;border:1px solid #ddd}.map-title{padding:16px}.map-title span{font-size:10px}#map{background-color:#e5e8e5;background-size:180px 160px}#map .fallback{border-radius:0;padding:26px}#map .fallback h3{font-size:18px}.panel,.tile,.empty{border-radius:0}.tile{border:0;border-top:1px solid #111;padding:20px 0}.tile img{border-radius:0}.tile-grid{gap:28px}#route-list li{border-radius:0}.board-row{padding:24px 0}.board-row strong{font-weight:500}dialog{border-radius:0}#toast{border-radius:0}footer{text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:30px 32px}footer p{margin:0;font-size:11px}footer small{font-size:9px}footer .brand{font-size:22px}.spot-list{max-height:650px}.result-line{font-size:11px}@media(min-width:1600px){main{max-width:1600px;margin:auto}.hero{grid-template-columns:280px 1fr}.section-heading{grid-template-columns:280px 1fr}}@media(max-width:1100px){header{flex-wrap:wrap;gap:18px}.site-caption{display:none}nav{gap:16px}.hero{grid-template-columns:190px 1fr;gap:24px}.section-heading{grid-template-columns:190px 1fr;gap:0 24px}.hero-visual{min-height:350px}.visual-title{letter-spacing:-2px}.search-bar{flex-wrap:wrap}.search-bar label{flex:1 1 35%}}@media(max-width:700px){header{padding:20px;align-items:center}.brand{font-size:25px}#account{margin-left:auto}nav{order:3;width:100%;margin:4px 0 0;justify-content:space-between;gap:15px;font-size:10px;overflow:auto}main{padding:0 20px 50px}.hero{display:flex;flex-direction:column;gap:22px;margin:25px 0 45px}.hero-visual{order:-1;height:430px;min-height:0}.visual-title{font-size:55px;top:22px;left:20px;letter-spacing:-3px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hero-copy .eyebrow{grid-column:1/3}.hero h1{font-size:24px;margin:15px 0}.hero p{font-size:10px;margin:15px 0}.hero-link{grid-column:1/3;margin-top:5px}.section-heading{display:block;padding-top:20px}.section-heading .eyebrow{display:block;margin-bottom:15px}h2{font-size:24px}.explore-layout{grid-template-columns:1fr}.map-wrap{order:-1;position:static}.spot-list{max-height:none}.map-title span{max-width:50%;text-align:right}.search-bar{gap:12px}.search-bar label{flex-basis:40%}.visual-caption{left:20px;right:20px;font-size:8px}.tile-grid{grid-template-columns:1fr}footer{padding:25px 20px;display:block}footer p{margin:15px 0}#map{height:300px}.hero-visual>img{object-position:45% center}}
@media(max-width:700px){.visual-title{font-size:clamp(28px,8.5vw,55px);letter-spacing:-1.5px}}
/* Quiet visual hierarchy: only content and useful controls remain. */
body{-webkit-font-smoothing:antialiased;background:#fefefd}header{padding:25px 40px;align-items:center;min-height:82px;border-bottom:0;gap:32px}.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:30px;letter-spacing:-1.3px}nav{margin:auto;gap:42px;font-size:12px;font-weight:400;padding-top:0}nav a{border:0!important;padding-bottom:0}nav a.active{font-weight:500;color:#111}nav a:not(.active){color:#777}#account .btn{background:none;color:#555;border:0;padding:8px 0;font-weight:400;font-size:11px}#account{gap:20px}main{padding:0 40px 80px;max-width:1500px}.hero{grid-template-columns:220px 1fr;gap:45px;margin:20px 0 85px}.hero-visual{height:min(62vw,620px);min-height:340px}.hero-visual img{filter:saturate(.65)}.hero-copy{padding-bottom:3px!important}.hero h1{font-size:20px;letter-spacing:-.7px;font-weight:400;margin:0 0 15px}.hero p{font-size:12px;color:#777;line-height:1.9;margin:0}.hero-link{border:0;font-size:12px;font-weight:400;justify-content:flex-start;gap:35px;margin-top:25px;padding:0}.hero-link span{font-size:16px}.section-heading{display:block;border:0;padding:0;margin-bottom:25px}.section-heading .eyebrow,.section-heading p{display:none}h2{font-size:21px;font-weight:400;letter-spacing:-.6px;margin:0}.search-bar{border-top:1px solid #e9e9e5;border-bottom:1px solid #e9e9e5;gap:22px;padding:24px 0}label{font-weight:400;color:#777;font-size:11px}.form-control,.form-select{border:0;border-bottom:1px solid #d9d9d4;box-shadow:none!important;background-color:transparent;padding-left:0;font-size:12px}.form-select{padding-right:25px}.btn{font-size:12px;font-weight:400;padding:10px 18px}.btn-primary{background:#222;border-color:#222}.btn-outline-secondary{border-color:#deded9;background:transparent;color:#444}.result-line{font-size:11px;color:#777;margin:24px 0}.result-line strong{font-weight:400}.explore-layout{grid-template-columns:44% 1fr;gap:65px}.spot-card{padding:22px 0;border-bottom:1px solid #efefeb;gap:22px}.spot-index{width:32px;min-width:32px;padding-top:3px;color:#a4a49e;font-size:11px}.spot-art{width:85px;min-width:85px;height:90px}.badge-type{background:none;padding:0;font-size:10px;color:#999}.spot-card h3{font-size:16px;letter-spacing:-.3px;font-weight:400;margin:8px 0}.spot-card p{font-size:11px;color:#999}.spot-card .btn{border:0;padding:3px 0;background:none;color:#666;font-weight:400;font-size:10px}.spot-card .btn-primary{margin-left:18px;color:#111}.map-wrap{border:0;background:#f4f4f0}.map-title{padding:17px 20px;background:#fefefd}.map-title b{font-weight:400;font-size:12px}#map{background:#f1f2ee;background-image:none}#map .fallback{background:none;padding:25px}#map .fallback h3{font-weight:400;font-size:16px;margin-bottom:12px}#map .fallback p{font-size:11px;margin:0}#map-status{font-size:10px;padding:12px 18px;color:#92928b}.panel{border:0;background:transparent;padding:0}.panel>p{font-size:12px}.empty{background:transparent;font-size:12px;padding:35px 10px}.tile{border-top:1px solid #deded9}.tile h3{font-weight:400;font-size:18px}.tile p{font-size:12px}.board-row strong{font-weight:400;font-size:14px}.board-row small{font-size:11px}footer{border-top:1px solid #efefeb;padding:28px 40px}footer .brand{font-size:23px}footer small{color:#999}dialog{padding:35px;box-shadow:0 15px 80px #0002}dialog h3{font-size:21px;font-weight:400}.narrow{max-width:460px}h3{font-weight:400}#toast{font-size:12px;background:#333}.spot-list{max-height:600px}@media(max-width:900px){header{gap:20px}nav{gap:22px}.hero{grid-template-columns:170px 1fr;gap:25px}.explore-layout{grid-template-columns:1fr;gap:25px}.map-wrap{order:-1;position:static}#map{height:290px}.spot-list{max-height:none}.hero-visual{min-height:300px}}@media(max-width:700px){header{padding:20px 22px;min-height:0;flex-wrap:wrap}.brand{font-size:28px}nav{width:100%;justify-content:space-between;margin:10px 0 0;order:3;gap:15px;font-size:11px}#account{margin-left:auto;padding:0}main{padding:0 22px 55px}.hero{display:flex;margin:25px 0 55px;gap:22px}.hero-visual{height:390px;min-height:0}.hero-copy{display:block}.hero h1{font-size:19px;margin-bottom:12px}.hero p{font-size:11px}.hero-link{margin-top:20px}h2{font-size:20px}.search-bar{gap:16px;padding:20px 0}.result-line{gap:10px}.spot-card{gap:18px}.map-title{padding:15px 0}.map-wrap{background:transparent}footer{padding:24px 22px;display:flex}.form-grid{gap:20px}dialog{padding:28px}.section-heading{margin-bottom:20px}}
/* Minimal filter menus, with the same typography as the page. */
.quiet-select{display:block;position:relative;margin-top:8px;color:#222}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;border:0;border-bottom:1px solid #deded9;background:transparent;text-align:left;font:inherit;font-size:12px;color:#333}.select-trigger::after{content:'';width:6px;height:6px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);margin:0 5px 4px 20px}.select-trigger[aria-expanded=true]::after{transform:rotate(225deg);margin-bottom:0}.select-options{position:absolute;top:100%;left:0;right:0;z-index:30;display:block;background:#fefefd;border:1px solid #e7e7e2;box-shadow:0 12px 28px #00000008;padding:7px;max-height:270px;overflow:auto;scrollbar-width:thin}.select-option{display:block;width:100%;padding:10px 12px;background:none;border:0;text-align:left;color:#777;font-size:12px}.select-option:hover,.select-option:focus-visible{background:#f2f2ee;color:#222;outline:0}.select-option[aria-selected=true]{color:#111;background:#f4f4f0}.spot-title{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left}.spot-title:hover{text-decoration:underline;text-underline-offset:4px}#nearby{border:0;padding:10px 0;color:#888;background:none;font-size:11px}.search-bar>.btn-primary{padding:10px 22px}.spot-card .btn-primary{margin-left:0;color:#777}.spot-card .btn-primary:hover{color:#111}
.search-bar .filter-field{flex:1;font-size:11px;color:#777}.search-bar .filter-field .quiet-select{font-size:12px}@media(max-width:1100px){.search-bar .filter-field{flex:1 1 35%}}@media(max-width:700px){.search-bar .filter-field{flex-basis:40%}}
/* Clear states and comfortable controls, retaining the quiet visual style. */
.search-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;font-size:11px;color:#666}.search-context button,.plan-heading button{border:0;background:none;color:#666;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.select-trigger:disabled{color:#aaa;cursor:not-allowed}.select-trigger:disabled::after{opacity:.3}.spot-title{min-height:36px}.spot-card .btn{min-height:40px;font-size:11px}.spot-card .btn:disabled{color:#999;opacity:1}.spot-list[aria-busy=true]{opacity:.5;pointer-events:none}.journey-link{position:fixed;right:32px;bottom:26px;background:#252522;color:white;padding:16px 24px;z-index:40;font-size:12px;text-decoration:none;box-shadow:0 5px 20px #0001}.journey-link:hover{color:white;background:#444}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-heading p{font-size:12px;color:#555;margin:0}.storage-note{font-size:11px;color:#999;margin:15px 0 0}.empty-link{display:inline-block;color:#333;margin-top:16px;text-underline-offset:5px}#route-list li .btn{min-width:40px;min-height:44px;padding:8px}.form-control:focus,.select-trigger:focus-visible{border-bottom-color:#222;outline:2px solid #b6b6ae;outline-offset:3px}nav a.active{color:#222;text-decoration:underline;text-underline-offset:7px!important}#toast{bottom:90px}dialog input,dialog .btn{min-height:44px}@media(max-width:700px){.journey-link{right:22px;bottom:18px;padding:14px 20px}.search-context{font-size:10px}.hero-visual{height:240px}.hero{margin-bottom:38px}.search-bar .btn-primary{min-height:44px}#toast{max-width:calc(100vw - 44px);width:max-content}.spot-card .btn{min-height:44px}}
/* Shared page and dialog controls. */
.view-intro{font-size:12px;color:#777;margin:0 0 28px;line-height:1.8}.favorite-toggle{border:0;background:none;color:#666;min-height:44px;padding:8px 12px 8px 0;font-size:12px}.favorite-toggle[aria-pressed=true]{color:#333}.favorite-toggle:focus-visible{outline:2px solid #b6b6ae;outline-offset:2px}.tile .actions{align-items:center;gap:12px}.tile img{height:220px;object-fit:cover}.tile h3{margin:12px 0}.tile .spot-title{font-size:18px}.board-toolbar .btn{white-space:nowrap}.view .btn,.actions .btn{min-height:44px}.close-button{min-height:44px;min-width:44px}.form-control::placeholder{color:#9b9b94}.board-row:focus-visible{outline:2px solid #b6b6ae;outline-offset:4px}dialog .filter-field{margin:15px 0;color:#777;font-size:11px}dialog .select-options{position:static;max-height:180px}.btn-outline-danger{border-color:#deded9;color:#945b53}.btn-outline-danger:hover{background:#945b53;border-color:#945b53}nav{gap:28px}.spot-card .btn-primary{margin-left:10px}#favorite-list .empty{grid-column:1/-1}@media(max-width:700px){nav{gap:20px;justify-content:flex-start;white-space:nowrap;padding-bottom:10px}.tile img{height:200px}.board-toolbar{gap:15px}.view-intro{font-size:11px}.form-grid{grid-template-columns:1fr}.tile-grid{gap:32px}}
#profile-form label{display:block;margin:20px 0}#profile-form .btn{margin-right:10px}#profile-content>p{font-size:12px;color:#777}.close-button{color:#666}
/* Map-first workspace: filters and results stay beside the map. */
.map-page{overflow:hidden}.map-page header{height:74px;min-height:74px;padding:18px 28px;border-bottom:1px solid #e8e8e3;flex-wrap:nowrap}.map-page main{max-width:none;padding:0}.map-page .section-heading,.map-page footer{display:none}.map-workspace{height:calc(100dvh - 74px);display:flex;flex-direction:column}.category-menu{height:56px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:8px 24px;border-bottom:1px solid #e8e8e3;overflow:auto;background:#fefefd;white-space:nowrap;scrollbar-width:none}.category-menu button{border:1px solid transparent;background:none;color:#777;font-size:12px;padding:10px 17px;min-height:38px}.category-menu button[aria-pressed=true]{background:#efefea;color:#222;border-color:#e3e3dc}.category-menu button:hover{background:#f5f5f0}.category-menu button:focus-visible{outline:2px solid #aaa;outline-offset:-2px}.map-body{display:grid;grid-template-columns:360px minmax(0,1fr);flex:1;min-height:0}.map-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e2e2db;background:#fefefd;z-index:10}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.sidebar-heading h2{font-size:17px;margin:0}#filter-toggle{display:none;border:0;background:none;color:#777;font-size:11px;padding:10px}.map-sidebar .search-bar{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px;margin:0;border-top:0;flex-shrink:0}.map-sidebar .keyword-field{grid-column:1/-1}.map-sidebar .form-control{min-height:42px;margin-top:8px}.map-sidebar .filter-field{min-width:0}.map-sidebar .search-bar .btn-primary{padding:10px}.map-sidebar .result-line{display:flex;flex-direction:column;gap:6px;margin:0;padding:16px 24px;border-bottom:1px solid #eee;font-size:10px}.map-sidebar .result-line strong{font-size:12px;color:#444}.map-sidebar .search-context{padding:12px 24px 0;font-size:10px}.results-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.map-sidebar .spot-list{max-height:none;overflow:visible;padding:0 24px}.map-sidebar .spot-card{gap:14px;padding:20px 0}.map-sidebar .spot-art{width:62px;min-width:62px;height:72px}.map-sidebar .spot-index{width:20px;min-width:20px}.map-sidebar .spot-card h3{font-size:14px;margin:2px 0}.map-sidebar .spot-title{min-height:32px}.map-sidebar .spot-card p{margin:4px 0;font-size:10px;line-height:1.6}.map-sidebar .favorite-toggle{font-size:11px;min-height:40px}.map-sidebar .spot-card .btn{padding:5px 0;min-height:40px;font-size:10px}.map-sidebar #more{display:block;width:calc(100% - 48px);margin:18px 24px}.map-body .map-wrap{position:relative;order:0;min-height:0;border:0;background:#f1f2ee}.map-body #map{height:100%;width:100%;min-height:0}.map-body #map-status{position:absolute;bottom:20px;left:20px;z-index:2;margin:0;background:#ffffffed;padding:10px 14px;font-size:10px;pointer-events:none}.map-page .journey-link{right:28px;bottom:28px}.map-sidebar .empty{padding:35px 5px}.map-sidebar .select-options{max-height:230px}.map-page #toast{bottom:90px}@media(max-width:900px){.map-page header{gap:18px}.map-page header nav{gap:18px;margin:auto;font-size:11px;order:0;width:auto}.map-body{grid-template-columns:320px minmax(0,1fr)}.map-page #account{gap:12px}.map-page .brand{font-size:26px}}@media(max-width:700px){.map-page header{height:104px;min-height:104px;flex-wrap:wrap;padding:15px 20px;gap:10px}.map-page header nav{order:3;width:100%;margin:0;gap:24px;padding:8px 0;font-size:11px;justify-content:flex-start}.map-page #account{margin-left:auto}.map-workspace{height:calc(100dvh - 104px)}.category-menu{height:48px;padding:5px 12px;gap:4px}.category-menu button{font-size:11px;padding:8px 13px;min-height:36px}.map-body{display:flex;flex-direction:column}.map-body .map-wrap{order:-1;height:43%;flex-shrink:0}.map-sidebar{flex:1;border-right:0;border-top:1px solid #ddd;overflow:hidden}.sidebar-heading{padding:6px 20px}.sidebar-heading h2{font-size:14px}#filter-toggle{display:block}.map-sidebar .search-bar{display:none;padding:8px 20px 12px;gap:12px}.map-sidebar .search-bar.filters-open{display:grid}.map-sidebar .result-line{padding:8px 20px;flex-direction:row;justify-content:space-between;gap:10px;align-items:center}.map-sidebar .result-line span{max-width:60%;font-size:9px}.map-sidebar .search-context{padding:6px 20px 0}.map-sidebar .spot-list{padding:0 20px}.map-sidebar .spot-card{padding:14px 0}.map-sidebar .select-options{position:fixed;top:25%;left:22px;right:22px;max-height:40dvh;z-index:60}.map-body #map-status{bottom:10px;left:10px;padding:7px 9px;font-size:9px}.map-page .journey-link{bottom:auto;top:164px;right:12px;padding:10px 12px;font-size:10px}.map-page #toast{bottom:18px}.map-sidebar .spot-art{width:58px;min-width:58px;height:65px}.map-sidebar .spot-card .btn,.map-sidebar .favorite-toggle{min-height:44px}}
.map-body .map-wrap{align-self:stretch;top:auto;height:auto;display:flex;flex-direction:column}.map-body #map{flex:1;min-height:100%}@media(max-width:700px){.map-body .map-wrap{height:43%;display:block}.map-body #map{height:100%;min-height:0}}
.map-sidebar .select-trigger{min-height:42px;font-size:11px;white-space:nowrap}.map-sidebar .search-bar .btn-primary,.map-sidebar .search-bar .btn-primary:active,.map-sidebar .search-bar .btn-primary:focus-visible{background:#222;border-color:#222;color:#fff}.map-sidebar .search-bar .btn-primary:hover{background:#444;border-color:#444}.map-body #map{display:block}
/* Inline editorial board pages. */
#board,#notice{max-width:1040px;margin:0 auto}.board-toolbar{align-items:center;margin:35px 0 20px}.board-row{border-bottom:1px solid #e7e7e2;padding:24px 0;text-decoration:none;color:#333}.board-row:hover strong{text-decoration:underline;text-underline-offset:5px}.board-content{margin:30px 0 55px}.board-back{display:inline-block;color:#888;font-size:11px;padding:12px 0;margin-bottom:20px}.board-back:hover{color:#222}.board-title{font-size:24px;font-weight:400;line-height:1.6;overflow-wrap:anywhere;margin:0 0 16px}.post-meta{font-size:11px;color:#999;border-bottom:1px solid #e4e4df;padding-bottom:25px;margin-bottom:0}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#444;line-height:2.1;padding:45px 0;min-height:220px;border-bottom:1px solid #e4e4df}.board-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:25px}.board-content label{margin:24px 0;font-size:12px}.board-content textarea{min-height:300px;padding:16px 0;line-height:1.9}.board-content .form-control{margin-top:12px}.board-content .error{font-size:12px}@media(max-width:700px){.board-content{margin-top:20px}.board-title{font-size:20px}.post-body{font-size:13px;padding:30px 0;min-height:180px}.board-row{gap:8px;padding:20px 0}.board-content textarea{min-height:260px}.board-toolbar{margin-top:25px}}