/* An Okinawa travel notebook: warm paper, playful crayon and clear reading. */
:root{--ink:#493a30;--muted:#6b6258;--sea:#287f88;--line:#dfd4bb;--white:#fffdf6;--shadow:0 4px 0 #ad98783b}
body{background:#fffaf0;color:#493a30;background-image:radial-gradient(#d7c7a42e .7px,transparent .9px);background-size:7px 7px}
h1,h2,h3,.brand strong{font-family:'Noto Sans TC',sans-serif;letter-spacing:.02em}
.site-header{background:#fffaf0f5;border-bottom:3px solid #e6c870;backdrop-filter:blur(10px)}
.brand strong{color:#51392b}.brand-wave,.brand-wave .icon{color:#d76a53}.brand small{color:#716b5a}
.menu-toggle{border:2px solid #ab8b6f;border-radius:14px 18px 13px 17px;background:#fffdf5}
.nav-link:hover,.nav-link[aria-current=page]{background:#ffedba;border-color:#e8c878}
.p-intro{background:#fff5d9;border:3px solid #d6b96a;border-radius:27px 23px 30px 22px;overflow:hidden;box-shadow:5px 6px 0 #eacb8270}
.p-intro h1{color:#256e86}.p-signature{color:#a64f3b}.p-intro .p-description{color:#594c3c}
.p-cover img{border:4px solid #fffdf0;border-radius:24px 19px 28px 17px;object-fit:cover;box-shadow:3px 4px 0 #d1b989}
.p-start,.p-search-form button{background:#f4cc5c!important;color:#493a30!important;border:2px solid #c77c48!important;border-radius:22px 18px 24px 17px!important;box-shadow:2px 3px 0 #d69b68!important}
.p-finder{padding-top:18px}.p-search-form{background:#fffdf7;border:2px solid #cbb99b;border-radius:20px 23px 18px 22px}.p-search-form input{color:#493a30}
.p-categories a{border:3px solid #e6a486!important;background:#fff5ec!important;border-radius:25px 19px 26px 20px!important;box-shadow:3px 4px 0 #e6c2a0;transition:transform .16s}
.p-categories a:nth-child(6n+2){background:#edf8fb!important;border-color:#8cc7d4!important}.p-categories a:nth-child(6n+3){background:#f2f8e8!important;border-color:#a9cb81!important}.p-categories a:nth-child(6n+4){background:#fff8dd!important;border-color:#e7c461!important}.p-categories a:nth-child(6n+5){background:#eaf8f3!important;border-color:#79c3b6!important}.p-categories a:nth-child(6n){background:#f6f0fa!important;border-color:#c3a9d4!important}
.p-categories a:hover{transform:translateY(-3px) rotate(-.4deg)}.p-categories a strong{color:#493a30}.p-categories a .icon{stroke-width:2.3}
.p-trip-note,.weather-card,.marine-box,.info-card,.guide-card,.rental-inquiry{background:#fffdf6;border:2px solid #e2d1ac;border-radius:24px 19px 25px 18px;box-shadow:3px 4px 0 #dfd0af70}
.p-trip-note{background:#fff4d7}.p-note-label{color:#a34f3d}.p-guide-row{border-bottom:2px dashed #e3d2aa}.p-section-heading h2,.weather-section h2{color:#365e55}
.page-hero{background:#eef8ef;border:3px solid #a6ceac;border-radius:24px 19px 26px 18px;box-shadow:4px 4px 0 #d9e7bd}.page-hero h1{color:#315d5d}.okinawa-category-photo img{height:125px;object-fit:cover;border:3px solid #fff9e8;border-radius:20px 15px 21px 14px}
.category-kicker{color:#a95a41}.breadcrumb{color:#615a4d}.info-card{border-top:4px solid var(--accent);box-shadow:3px 4px 0 #dbc9a178}.card-description{color:#594f45}
.btn{border-radius:20px 15px 20px 16px;border-width:2px}.btn.outline{background:#fffdf7}.filter,.select-field,.search input{border:2px solid #c9bea7;background:#fffdf7}.filter[aria-pressed=true]{color:white}
.site-footer{background:#edf6e8;border-top:3px solid #a8c99d}.weather-card:first-child{background:#fff8dc!important;border-color:#e5c976!important}
@media(max-width:760px){.p-intro{background:#fff5d9;padding:22px 19px!important}.p-cover{display:block!important;margin-top:15px!important}.p-cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.p-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.p-categories a{padding:12px 6px!important;min-height:100px;text-align:center;align-items:center}.p-categories a span{font-size:11px;line-height:1.4}.p-categories a .icon{width:26px;height:26px}.page-hero{padding:18px 15px}.okinawa-category-photo img{height:95px}.header-inner{padding-top:6px;padding-bottom:6px}}
@media(max-width:350px){.p-categories a span{display:none}.okinawa-category-photo img{height:78px}}
@media(prefers-reduced-motion:reduce){.p-categories a{transition:none}}
/* Crayon strokes are drawn on the controls themselves, not baked into the hero. */
.p-categories a,.info-card,.page-hero,.p-trip-note,.weather-card,.marine-box,.rental-panel,.rental-group,.p-search-form,.p-start,.btn,.filter,.menu-toggle{position:relative}
.p-categories a{border:0!important;box-shadow:none!important;background-image:radial-gradient(#f1d5a942 .8px,transparent 1px)!important;background-size:6px 6px!important;isolation:isolate}
.p-categories a::before,.info-card::before,.page-hero::before,.p-trip-note::before,.weather-card::before,.marine-box::before,.rental-panel::before,.rental-group::before,.p-search-form::before,.p-start::before,.btn::before,.filter::before,.menu-toggle::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('./assets/crayon/brown.svg') center/100% 100% no-repeat}
.p-categories a:nth-child(1)::before{background-image:url('./assets/crayon/coral.svg')}.p-categories a:nth-child(2)::before{background-image:url('./assets/crayon/blue.svg')}.p-categories a:nth-child(3)::before{background-image:url('./assets/crayon/green.svg')}.p-categories a:nth-child(4)::before{background-image:url('./assets/crayon/yellow.svg')}.p-categories a:nth-child(5)::before{background-image:url('./assets/crayon/teal.svg')}.p-categories a:nth-child(6)::before{background-image:url('./assets/crayon/purple.svg')}
.crayon-icon{width:58px;height:58px;display:block;color:#745840;filter:url('#crayon-ink')}
.p-categories a:nth-child(1) .crayon-icon{color:#bb5d50}.p-categories a:nth-child(2) .crayon-icon{color:#508ba6}.p-categories a:nth-child(3) .crayon-icon{color:#638b50}.p-categories a:nth-child(4) .crayon-icon{color:#a9703c}.p-categories a:nth-child(5) .crayon-icon{color:#438e84}.p-categories a:nth-child(6) .crayon-icon{color:#9b718d}
.p-categories a strong{font-weight:900!important;font-size:1.15rem;position:relative}.p-categories a strong::after{content:"";display:block;width:100%;height:4px;margin:3px auto 0;background:currentColor;opacity:.4;border-radius:58% 42% 60% 38%;transform:rotate(-2deg)}
.info-card,.page-hero,.p-trip-note,.weather-card,.marine-box,.rental-panel,.rental-group{border:0!important;box-shadow:none!important}.page-hero::before,.marine-box::before{background-image:url('./assets/crayon/teal.svg')}.info-card:nth-child(3n+1)::before{background-image:url('./assets/crayon/coral.svg')}.info-card:nth-child(3n+2)::before{background-image:url('./assets/crayon/blue.svg')}.info-card:nth-child(3n)::before{background-image:url('./assets/crayon/green.svg')}.weather-card::before{background-image:url('./assets/crayon/yellow.svg')}.rental-panel::before,.rental-group::before{background-image:url('./assets/crayon/purple.svg')}
.p-start,.btn,.filter,.menu-toggle,.p-search-form{border:0!important;box-shadow:none!important}.p-start::before,.btn::before{background-image:url('./assets/crayon/coral.svg')}.filter::before{background-image:url('./assets/crayon/teal.svg')}.filter[aria-pressed=true]::before{background-image:url('./assets/crayon/brown.svg')}
.p-intro h1::after,.page-hero h1::after,.p-section-heading h2::after,.weather-section h2::after{content:"";display:block;width:110px;max-width:55%;height:5px;margin-top:7px;background:#e6bc4d;opacity:.8;border-radius:48% 56% 43% 51%;transform:rotate(-1.5deg)}
.site-header{border-bottom:0;background-image:linear-gradient(177deg,transparent 94%,#d5ba78 95%,transparent 97%)}
@media(max-width:760px){.p-categories a{min-height:124px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important}.crayon-icon{width:46px;height:46px}.p-categories a strong{font-size:16px!important}.p-categories a span{font-size:10px!important}.info-card{padding:25px 22px!important}}