:root{--ink:#142d45;--blue:#2365d5;--teal:#087e84;--line:#e0e8ef;--muted:#607387}*{box-sizing:border-box}.regional{margin:0;background:#f5f8fc;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;line-height:1.6}.regional a{color:inherit;text-decoration:none}.regional button,.regional input{font:inherit}.regional button,.regional a,.regional input{touch-action:manipulation}.regional :focus-visible{outline:3px solid #5599ff;outline-offset:3px}.region-header{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px}.region-brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.region-brand>span{font-size:34px;color:var(--blue)}.region-brand small{display:none}.region-header nav{display:flex;gap:20px}.region-header nav a{font-size:14px;font-weight:600;padding:10px 0}.regional main{max-width:920px;padding:0 24px 48px;margin:auto}.breadcrumb{display:flex;gap:10px;font-size:13px;color:var(--muted);padding:20px 0}.breadcrumb>*+*:before{content:'›';margin-right:10px;color:#9aabba}.kicker{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--blue)}.region-heading{padding:12px 0 24px}.region-heading h1{font-size:36px;line-height:1.25;letter-spacing:-1.5px;margin:8px 0}.region-heading p{color:var(--muted);margin:12px 0 0}.region-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.region-save{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 16px;font-weight:700;color:var(--ink);cursor:pointer;min-height:48px;white-space:nowrap}.region-save[aria-pressed=true]{background:#edf4ff;border-color:#9dc1fa;color:var(--blue)}.region-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;margin:0 0 20px;box-shadow:0 5px 18px #193b6210}.region-panel h2{font-size:20px;margin:0 0 16px;letter-spacing:-.5px}.region-panel>p{font-size:15px;color:var(--muted)}.date-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.date-row form{display:flex;gap:12px;align-items:center}.date-row label{font-size:14px;color:var(--muted)}.date-row input{font-size:18px;font-weight:650;padding:10px 12px;border:1px solid var(--line);border-radius:10px;min-height:48px;background:#fff;color:var(--ink);min-width:0}.date-row button{background:var(--ink);color:#fff;border:0;border-radius:10px;min-height:48px;padding:8px 18px;cursor:pointer}.day-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#f2f6fc;font-size:30px;flex-shrink:0}.day-links{display:flex;gap:8px;margin:14px 0 26px}.day-links>a{padding:8px 16px;border-radius:9px;font-size:14px;min-height:42px;background:#f3f6fa}.day-links>a[aria-current=date]{background:#e8f0ff;color:var(--blue);font-weight:700}.day-links>a:last-child{margin-left:auto;background:transparent;color:var(--muted)}.tide-date{font-size:19px!important}.tide-date span{font-size:13px;font-weight:500;color:var(--muted);margin-left:8px}.tide-columns{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tide-columns>section{padding:20px 24px}.tide-columns>section+section{border-left:1px solid var(--line)}.tide-columns h3{font-size:17px;margin:0 0 18px}.tide-columns h3 small{font-size:12px;font-weight:500;color:var(--muted);display:block;margin-top:4px}.high-tides{background:#f6f9ff;color:var(--blue)}.low-tides{background:#f4fbfa;color:var(--teal)}.event-time{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.event-time strong{font-size:36px;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.5}.event-time>span{font-size:16px;font-variant-numeric:tabular-nums}.event-time small{font-size:12px}.tide-source{font-size:12px!important;margin:16px 0 0!important}.compare-link{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;background:var(--ink);color:#fff!important;border-radius:14px;font-weight:700;margin:0 0 24px;min-height:56px}.region-panel details{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.region-panel summary{cursor:pointer;font-size:15px;min-height:44px;padding:10px 0;font-weight:600}.region-panel details p{font-size:14px;color:var(--muted)}.region-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.region-links a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;min-height:48px;font-size:14px;font-weight:600}.region-links a:hover{border-color:#95b9f0;background:#f4f8ff}.region-links a span{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px;white-space:nowrap}.all-regions{display:block;color:var(--blue)!important;font-size:14px;padding:18px 0 0;font-weight:600}.region-footer{padding:28px 24px 40px;border-top:1px solid var(--line);max-width:920px;margin:auto;font-size:12px;color:var(--muted)}.region-footer>a:first-child{font-size:18px;color:var(--ink);font-weight:750}.region-footer p{margin:10px 0}.directory-search{display:grid;gap:8px;font-size:14px;font-weight:600;max-width:480px;margin-top:24px}.directory-search input{font-size:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:50px}.directory-item[hidden],.regional [hidden]{display:none!important}.region-error{background:#fff4e3;color:#8c5307!important;border-radius:10px;padding:12px}.region-error a{text-decoration:underline}.no-events{font-size:14px}.seo-regions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;border-top:1px solid var(--line);padding-top:20px;width:100%}.seo-regions h2{font-size:15px;width:100%;margin:0}.seo-regions>a{font-size:13px;padding:10px;border:1px solid var(--line);border-radius:8px;min-height:42px}
@media(max-width:600px){.region-header{padding:16px;gap:10px}.region-brand{font-size:20px}.region-header nav{gap:12px}.region-header nav a{font-size:12px}.regional main{padding:0 16px 28px}.breadcrumb{font-size:12px;padding:14px 0}.region-heading h1{font-size:29px}.region-heading>p{font-size:14px}.region-heading{padding:10px 0 20px}.region-title{align-items:flex-start;flex-wrap:wrap;gap:10px}.region-save{font-size:13px;min-height:44px;padding:10px 12px}.region-panel{border-radius:16px;padding:18px;margin-bottom:16px}.date-row{gap:8px}.date-row form{gap:6px;flex:1;justify-content:center}.date-row label{display:none}.date-row input{font-size:16px;padding:9px 7px;width:154px;max-width:100%}.date-row button{padding:8px 12px;font-size:14px}.day-arrow{width:40px;height:48px}.day-links{margin:12px 0 22px;gap:6px}.day-links>a{font-size:13px;padding:8px 13px}.day-links>a:last-child{padding-right:0}.tide-date{font-size:16px!important}.tide-date span{display:block;margin:4px 0 0}.tide-columns>section{padding:16px 12px}.tide-columns h3{font-size:16px}.tide-columns h3 small{font-size:11px}.event-time{align-items:flex-start;flex-direction:column;gap:0;padding:8px 0}.event-time strong{font-size:34px;line-height:1.2}.event-time>span{font-size:13px;margin-top:3px}.region-links{grid-template-columns:repeat(2,1fr);gap:8px}.region-links a{font-size:13px;padding:11px 10px}.region-links a span{font-size:11px}.region-panel h2{font-size:18px}.compare-link{font-size:14px;padding:16px 18px}.region-footer{padding:24px 16px}.region-panel>p{font-size:14px}}
.home-seo-title{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:8px 0;color:#142d45}@media(max-width:600px){.home-seo-title{font-size:25px}}
.reference-notice{background:#edf4ff;border:1px solid #adc9ed;border-radius:14px;padding:18px 22px;margin:0 0 20px;color:#234363}.reference-notice>strong{display:block;font-size:19px;color:#174f9c}.reference-notice p{font-size:14px;margin:9px 0}.reference-notice>a,.official-guide{display:inline-block;font-size:14px;font-weight:700;color:#215fb6!important;min-height:44px;padding:10px 0}.reference-form{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e0e8ef}.reference-form label{font-size:14px;color:#607387;white-space:nowrap}.reference-form select{font:inherit;font-size:16px;min-height:48px;border:1px solid #d7e2ee;border-radius:10px;padding:8px 12px;background:#fff;color:#142d45;flex:1;min-width:0}.reference-form button{font:inherit;background:#142d45;color:#fff;border:0;border-radius:10px;min-height:48px;padding:8px 18px;cursor:pointer}.save-reference-note{color:#607387;font-size:13px;margin:-12px 0 24px}.destination-directory h2{font-size:18px}@media(max-width:600px){.reference-notice{padding:16px}.reference-notice>strong{font-size:17px}.reference-form{gap:8px}.reference-form label{font-size:12px}.reference-form select{padding:8px}.reference-form button{font-size:14px;padding:8px 12px}}
.reference-notice{padding:14px 20px}.reference-notice p{margin:8px 0 0}.reference-switch{margin-top:16px!important}.reference-switch summary{color:#215fb6}.reference-switch .reference-form{border-bottom:0;margin:0;padding:12px 0 0}.regional:has(.reference-notice) .region-heading{padding-bottom:16px}.regional:has(.reference-notice) .breadcrumb{padding:12px 0}.regional:has(.reference-notice) .region-header{padding-top:16px;padding-bottom:16px}@media(max-width:600px){.reference-notice{padding:12px 16px}.regional:has(.reference-notice) .region-heading{padding-bottom:14px}}
.reference-caution{border-top:1px solid #b6cdec;padding-top:9px;font-weight:650;color:#704a0e!important}