/* =========================================================
   EL EXPLORADOR / EXPLOREINDIA · THE COASTAL DAY EDITION
   Presentation-only layer: atlas/editor functionality unchanged.
   Inspired by the TripExpenses travel-journal language, in daylight.
   ========================================================= */
:root{
  --ink:#214f50; --rust:#bd7255; --sage:#507e6d; --cream:#fdf7eb;
  --gold:#e4b56c; --sand:#f2dfc0; --sea:#afe0da;
  --coast-deep:#164b53; --coast-teal:#277e80; --coast-mint:#72bcae;
  --coast-sky:#c2e6eb; --coast-paper:#fffaf1; --coast-line:#d1ddd5;
}
html{scroll-behavior:smooth}
body.public-page,body.editor-page{
  background:linear-gradient(180deg,#e8f4ef 0,#fdf5e6 480px,#f6edde 95%);
  background-attachment:fixed;color:var(--ink);
}
button,a,input,textarea,select{accent-color:var(--coast-teal)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f2a24c;outline-offset:3px}
/* A warm nautical navigation bar, with the existing El Explorador logo */
.site-header{background:linear-gradient(105deg,#153d47 0%,#1f5b60 80%,#356f65 100%);
  border-bottom:1px solid #163e47;box-shadow:0 2px 18px #163d3e1a;height:74px}
.site-header .brand strong{color:#fff9eb}
.site-header .brand small{color:#b5dfd7}
.site-header nav>a:not(.nav-pill),.site-header .text-nav{color:#e2f3e9}
.site-header nav>.nav-active{color:#ffcf88!important}
.site-header .brand-mark{border-color:#d3ece5!important;box-shadow:0 0 0 3px #2c7779}
.nav-pill,.studio-chip{background:#fee4ae;color:#264d4c;border-color:#e9c887;box-shadow:none}
.nav-pill:hover,.btn-rust:hover{filter:brightness(1.07)}
/* Tiny pictorial coastline: visually rich while maintaining immediate map access */
.adventure-strip,.coast-studio-strip{
  height:94px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;
  color:#214b4c;background:#cdece4 url('./coastal-day.svg') center 53%/cover no-repeat;
  border-bottom:1px solid #92b8a9;overflow:hidden
}
.adventure-strip::after,.coast-studio-strip::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,249,230,.83),rgba(255,249,230,.38) 43%,rgba(255,249,230,0) 88%);z-index:-1}
.adventure-strip .strip-line,.coast-studio-strip .coast-tagline{
  position:absolute;left:clamp(16px,3vw,55px);top:17px;text-align:left;
  color:#214b4c;font:800 clamp(13px,1.6vw,20px)/1.16 Georgia,serif;
  letter-spacing:.025em;text-shadow:0 1px #fffae5
}
.strip-mountain,.strip-bike,.strip-waves{display:none!important}
.coast-studio-strip .coast-tagline small,.adventure-strip .strip-line small{display:block;
  font:800 9px/1.2 system-ui,sans-serif;letter-spacing:.21em;color:#446e66;margin-top:6px;text-transform:uppercase}
.coast-weather{position:absolute;right:18px;top:14px;border:1px solid #f2e6bb;
  color:#214b4c;background:#fff8e2df;border-radius:50px;padding:8px 12px;
  font-size:9px;font-weight:850;letter-spacing:.12em;box-shadow:0 6px 22px #31787520}
/* A map-first title band, akin to the TripExpenses hero statistics section */
.atlas-section{padding-top:14px!important}
.section-title{padding:1px 5px 3px}
.section-title h2,.studio-heading h1{font-family:Georgia,'Times New Roman',serif;color:#214f50}
.section-title em,.studio-heading em,.notes-heading em{color:#b96c4e}
.section-kicker{color:#43847c!important;letter-spacing:.19em}
.stats>div{background:#fffaf1bb;border:1px solid #d9e5db;border-radius:11px;padding:5px 12px}
.stats strong{color:#b5684a}.stats span{color:#507775}
.demo-banner{background:#fff0d7!important;border-color:#ead5b6!important;color:#796956!important}
.demo-banner strong{color:#a86547!important}
.demo-banner button{color:#965a40}
/* Light glassy panels echo TripExpenses cards but celebrate coastal daylight. */
.atlas-layout,.studio-layout{border:1px solid #a2c9c1;border-radius:22px;
  box-shadow:0 20px 52px #265e5a20;background:#e6f3eb}
.atlas-sidebar,.studio-list{background:linear-gradient(160deg,#fff9ed,#ecf5e8 64%,#deebe3);border-color:#c7dfd5}
.aside-title{color:#285c56!important}
.sidebar-top{background:linear-gradient(180deg,#fff9f2,#f7f8ed)}
.search-box{background:#fffdf5!important;border:1px solid #bcd6cb!important;border-radius:13px!important}
.search-box:focus-within{box-shadow:0 0 0 3px #6cc6be30}
.search-results{background:#fffaf0;border-color:#c4ded3}
.filter{border-color:#c4d8cb!important;color:#426b66;background:#fffaf0!important}
.filter.active{background:#267c78!important;color:#fff!important;border-color:#267c78!important}
.entry-list,.studio-entry-list{background:#fffaf055}
.entry-card,.studio-entry{border-bottom-color:#dbe6d9}
.entry-card:hover,.studio-entry:hover{background:#e5f5ed!important}
.entry-card.active,.studio-entry.active{background:#d7eee2!important;border-left-color:#e0a269!important}
.entry-icon{background:#dcf2e7!important;color:#b66d4e!important;border-color:#9ecbbb}
.entry-icon.road_trip,.studio-entry-icon{color:#c56e4b}
.entry-copy strong,.studio-entry strong{color:#285653}
.sidebar-bottom{background:#edf4e7!important;color:#426b62!important}
.map-topbar,.studio-list-head,.studio-form-head{background:#daeee6!important;color:#2f6663!important;
  border-color:#b4d7cc!important}
.map-topbar>div:first-child::before{content:'☀'!important;color:#cf8b4e!important}
.map-stage,.studio-stage{background:#9edbd8!important;position:relative}
/* Static base map remains world-capable. All map geometry and JS untouched. */
.atlas-map > rect:first-of-type{fill:#abe3dd!important}
.world-country{fill:#f0e8cc!important;stroke:#6faaa2!important;stroke-width:1.05!important}
.world-graticule path{stroke:#5facae!important;opacity:.24!important}
.pin-v3 .v3-pin-body{fill:#d16e4e!important;stroke:#fff4d6!important}
.pin-v3.is-selected .v3-pin-body{fill:#1e827a!important}
.route-stroke{stroke:#d07152!important}
.route-stroke.is-trek{stroke:#297e70!important}
.route-halo{stroke:#fff2d9!important}
.draft-line{stroke:#1d7975!important}
.ghost-marker circle{fill:#ffdf96a8!important;stroke:#bf7649!important}
.ghost-marker path{stroke:#aa6542!important}
.ghost-marker text{fill:#1d5151!important;stroke:#fff9ea!important}
.map-controls,.map-legend{background:#fffaf0f2!important;border:1px solid #b8d9cd!important;border-radius:15px!important}
.map-controls button{color:#205d5a!important}
.map-bottom,.route-toolbar{background:#d9ebe3!important;color:#4c7770!important;border-color:#bad6cb!important}
.map-callout{background:#fffaf0f3!important;border:1px solid #bcd4c6!important;box-shadow:0 14px 30px #2f746340!important}
.callout-kicker{color:#b76848!important}
.map-callout h3{color:#275b56}
.map-legend .legend-route{background:#d07152!important}
/* Tide and beach-inspired field notes, not an extra section to scroll before the map. */
.notes-section{border-top:1px solid #d7e8dd;margin-top:25px!important}
.notes-heading h2{color:#285b56}
.story-grid .story-card{background:#fffaf0;border:1px solid #c2dcd1;box-shadow:0 10px 25px #2d68631a}
.story-art{background-image:url('./coastal-day.svg');background-size:cover;background-position:center 57%;border-color:#afd3c6!important}
.story-2 .story-art{background-position:70% 45%}
.story-3 .story-art{background-position:30% 64%}
.story-art::before{background:#288782ba!important;border-color:#2e797666!important}
.story-2 .story-art::before{background:#e6b47abb!important}
.story-3 .story-art::before{background:#5d987fbb!important}
.story-art.has-photo{background-size:cover;background-position:center} /* dynamic backgroundImage inline style wins */
.endnote{color:#225450}.endnote-star{color:#d88d57}
footer{background:#17434a!important;color:#eaf7ea!important}
footer a{color:#ffdaa0!important}
/* Editor's existing form and auth elements keep all IDs/inputs/events. */
.studio-heading{padding:13px 0 10px!important}
.studio-heading h1{color:#285854!important}
.studio-heading p{color:#597974!important}
.btn-outline{background:#fffaf0;color:#326864;border-color:#8eb8aa;border-radius:11px}
.btn-ink{background:#235f63;color:#fffaf0;border-color:#235f63;border-radius:11px}
.btn-rust{background:#bf7656!important;border-color:#bf7656!important;color:#fffaf0!important;border-radius:11px}
.btn-soft{background:#e1eee4!important;border-color:#b3d0c0;color:#376d65}
.studio-form{background:linear-gradient(180deg,#fffaf0,#f1f5e9)!important}
.form-inner input:not([type=checkbox]):not([type=file]),.form-inner select,.form-inner textarea,.auth-card input{background:#fffdf7!important;border-color:#b9d5c9!important;color:#255750}
.field-label{color:#446f66!important}.field-label span{color:#b56948!important}
.kind-toggle{border-color:#aaccc0!important}
.kind-toggle button{background:#eaf2e7!important;color:#3b6b62!important;border-color:#b8d5c9!important}
.kind-toggle button.active{background:#267b78!important;color:#fff!important}
.coordinates-panel{background:#e1f1e9!important;border-color:#95c6b4!important}
.photo-upload{background:#eef6ec!important;border-color:#aacdbf!important}
.publish-toggle input:checked+.toggle-track{background:#24867b!important}
.studio-tip{background:#e5f2e8!important}
.auth-overlay{background:#124950df!important;backdrop-filter:blur(4px)}
.auth-card{background:#fffaf0!important;border-color:#3b7b77!important;border-radius:20px!important;box-shadow:0 22px 70px #163e4950!important}
.auth-emblem{color:#d39756}
.studio-footnote{color:#527d72}
.coast-studio-strip{width:100%}
@media(min-width:751px){
 .atlas-layout{height:min(71vh,740px);min-height:535px}
 .studio-stage{height:min(68vh,710px);min-height:520px}
}
@media(max-width:750px){
 .site-header{height:69px!important;padding:0 10px}
 .site-header .brand strong{font-size:20px!important}
 .site-header nav{gap:8px!important}
 .studio-chip{font-size:8px;padding:9px 10px}
 .adventure-strip,.coast-studio-strip{height:63px!important;background-position:40% 54%}
 .adventure-strip .strip-line,.coast-studio-strip .coast-tagline{top:11px;left:12px;
   font-size:13px;max-width:74%}
 .adventure-strip .strip-line small,.coast-studio-strip .coast-tagline small{font-size:7px;margin-top:5px;letter-spacing:.12em}
 .coast-weather{display:none}
 .atlas-layout .map-panel .map-stage{height:61vh;min-height:390px}
 .studio-stage{height:59vh;min-height:390px}
 .map-topbar{padding:10px!important}
 .map-legend{padding:6px 8px!important;bottom:10px!important}
 .studio-heading{gap:8px;padding:10px 0 6px!important}
 .studio-heading h1{font-size:26px!important}
 .studio-heading-actions{width:auto!important;align-self:stretch}
 .studio-heading-actions>*{padding:8px 7px!important;font-size:8px!important}
 .notes-section{padding-top:26px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* Field-note type sits beside the caption, never over the travel photo. */
.story-info .story-type-line{display:inline-flex;align-items:center;gap:7px;max-width:100%;flex-wrap:wrap}
.story-kind-icon{display:inline-flex;align-items:center;justify-content:center;
  width:21px;height:21px;flex:none;border-radius:6px;background:#e1f2e7;
  border:1px solid #a0cabe;color:#245f61;font-size:13px;line-height:1}