/* Shared community cards and the public landing page. */
:root{--community-ink:#223b40;--community-line:#e3e9e5;--community-green:#007d65} .color-hero{margin:20px 5.5% 36px;display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.color-hero-copy{background:#007e68;color:white;border-radius:28px;padding:42px 44px;position:relative;overflow:hidden}.hero-pill{display:inline-block;border:1px solid #ffffff55;border-radius:30px;padding:6px 13px;font-size:11px;color:#e2fff1}.color-hero h1{font-size:clamp(48px,5vw,78px);line-height:1.16;letter-spacing:-.065em;margin:25px 0 20px;font-weight:850}.color-hero h1 em{color:#d5ff85;font-style:normal}.color-hero-copy>p{font-size:14px;line-height:1.9;color:#e2f3ee}.color-map-button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 22px;background:#d5ff85;border-radius:12px;color:#183a2a;text-decoration:none;font-weight:750;font-size:14px;max-width:280px;margin-top:30px}.color-map-button:hover{background:#e2ffad}.color-hero-copy>small{display:block;font-size:10px;color:#d5eee5;margin-top:12px}.color-hero-side{display:grid;grid-template-rows:1fr auto;gap:18px;min-width:0}.outing-card{position:relative;overflow:hidden;border-radius:28px;background:#e2d8ff;padding:32px;color:#3d316d;min-height:260px}.outing-card>span{font-size:10px;letter-spacing:2px}.outing-card h2{font-size:30px;line-height:1.35;letter-spacing:-1.2px;margin:18px 0 22px;position:relative;z-index:1}.outing-links{display:flex;gap:12px;position:relative;z-index:1}.outing-links a{display:flex;flex-direction:column;gap:12px;background:#ffffffbf;border:1px solid #ffffff;border-radius:14px;padding:14px 18px;color:#44366c;text-decoration:none;font-size:12px}.outing-links b{font-size:22px;line-height:1}.outing-water{position:absolute;right:-6px;top:55px;font-size:210px;font-family:Georgia,serif;line-height:1;color:#aa91e9;transform:rotate(-20deg);opacity:.5;pointer-events:none}.home-login-card{border:1px solid #e2e9df;background:#fff;border-radius:22px;padding:24px}.home-login-card b{font-size:16px;letter-spacing:-.5px}.home-login-card p{font-size:11px;color:#718079;margin:8px 0 18px}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#03a94d;color:#fff!important;border-radius:10px;padding:13px 20px;text-decoration:none;font-size:13px;font-weight:700;border:0}.home-login-card .login-button{display:flex;width:100%}.login-button strong{font-size:18px;line-height:1}.login-status{display:block;font-size:10px;color:#688077;margin-top:8px;text-align:center}.home-community{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin:0 5.5% 36px}.home-block-title,.home-block-title>div{display:flex;align-items:center;gap:9px}.home-block-title{justify-content:space-between;margin-bottom:16px}.home-block-title h2{font-size:19px;letter-spacing:-.7px;margin:0}.home-block-title>a{font-size:11px;text-decoration:none;color:#52786a}.section-dot{display:inline-block;width:12px;height:12px;border-radius:4px;background:#ae97e4}.section-dot.orange{background:#ffb05c}.post-card{display:block;text-decoration:none;color:var(--community-ink);background:#fff;border:1px solid var(--community-line);border-radius:15px;padding:19px 21px;margin-bottom:12px;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:#91bdad;box-shadow:0 4px 15px #153a2910}.post-title{display:flex;align-items:baseline;gap:8px}.post-title strong{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.post-category{display:inline-block;white-space:nowrap;font-size:10px;padding:2px 6px;border-radius:4px;background:#f1f2f6;color:#555b70;font-weight:500}.post-category.question{background:#e6efff;color:#325dd6}.post-category.notice{background:#fff1dc;color:#94601d}.post-excerpt{font-size:13px;color:#657b7a;line-height:1.7;margin:8px 0 12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#83908e;margin-top:9px}.post-meta>span:first-child{overflow-wrap:anywhere}.compact{padding:14px 16px;margin-bottom:9px}.compact .post-title strong{font-size:13px}.compact .post-meta{font-size:10px}.notice-line{display:flex;justify-content:space-between;gap:12px;padding:17px 4px;border-bottom:1px solid #dfe6df;text-decoration:none;color:#374d46;font-size:13px}.notice-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-line b{font-weight:400;color:#9eae9f}.community-invite{display:block;background:#fff0d6;color:#665226;border-radius:15px;padding:20px;margin-top:20px;text-decoration:none}.community-invite span{display:block;font-size:11px;margin-bottom:8px}.community-invite strong{font-size:14px}.board-empty{padding:30px 20px;text-align:center;font-size:13px;line-height:1.8;color:#75867f;background:#fff;border:1px dashed #d8e1db;border-radius:14px}.home-notice-block .board-empty{padding:22px}.operator{display:inline-block;color:#98600c;background:#fff0cf;border-radius:4px;font-size:9px;padding:1px 5px}.home-view #landing{background:#f7faf6}.home-view .home-topline{border-color:#e0e8df}.home-view .creator-line{border-color:#dfe8de}.home-view .creator-line .instagram-link{background:#fff;border-color:#dfe6dc;border-radius:12px}.site-nav{background:#123f38}.nav-links [aria-current]{background:#24594d;border-left-color:#cafa8a}.nav-links>a:hover,.nav-links>button:hover{background:#24594d}.nav-links>a,.nav-links>button{padding-top:11px;padding-bottom:11px}.nav-caption{margin-bottom:20px}.nav-contact{padding-top:18px}.nav-links small{font-size:9px}
.board-page{margin:0;background:#f7f9f8;color:var(--community-ink);font:14px/1.65 system-ui,-apple-system,'Malgun Gothic',sans-serif}.board-page *{box-sizing:border-box}.board-page a{color:inherit}.board-page button,.board-page input,.board-page select,.board-page textarea{font:inherit}.board-page button{cursor:pointer;border:1px solid #dce5e0;background:white;color:#36564a;border-radius:9px;padding:9px 15px}.board-page button:hover{background:#ecf5ef}.board-page button:disabled{opacity:.5;cursor:wait}.board-page input,.board-page textarea,.board-page select{border:1px solid #dce5e0;border-radius:9px;padding:11px;background:white;color:#28463d;min-width:0}.board-page [hidden]{display:none!important}.board-page :focus-visible{outline:3px solid #7b9dff;outline-offset:3px}.board-header{height:76px;background:white;border-bottom:1px solid #e6ebe7;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1120px)/2))}.board-brand{text-decoration:none;font-size:26px;font-weight:850;white-space:nowrap;color:#007d65!important}.board-header nav{display:flex;gap:25px}.board-header nav a{text-decoration:none;font-size:13px}.board-header nav a:hover{color:#008367}.board-shell{max-width:850px;margin:50px auto 70px;padding:0 22px;min-height:65vh}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.color-kicker{color:#008367;font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 10px}.board-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 6px}.board-heading p:not(.color-kicker){font-size:13px;color:#7a8b85;margin:0}.board-page .write-button{background:#00836a;color:white;border:0;border-radius:24px;padding:11px 21px;white-space:nowrap;font-weight:650}.board-page .write-button:hover{background:#006c57}#board-search{display:flex;gap:8px;margin-bottom:17px}#board-search input{flex:1;border-radius:25px;padding-left:20px;box-shadow:0 2px 4px #294a2910}#board-search button{border-radius:25px}.board-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.board-filters>div{display:flex;border:1px solid #e1e7e2;background:white;border-radius:25px;padding:4px}.board-filters button{border:0;background:none;border-radius:22px;padding:7px 17px}.board-filters button[aria-pressed=true]{background:#00836a;color:white}.board-filters select{font-size:12px;border-radius:20px}.board-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;font-size:12px}.board-page .post-full,.comment-panel{background:white;border:1px solid #e0e7e1;border-radius:18px;padding:27px;margin-bottom:18px;box-shadow:0 2px 5px #183a2110}.post-full h1{font-size:25px;line-height:1.5;letter-spacing:-.8px;overflow-wrap:anywhere;margin:10px 0}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;margin:25px 0}.post-reactions{display:flex;gap:10px;border-top:1px solid #eef0ef;padding-top:17px}.post-reactions>*{flex:1;text-align:center;border:0!important;background:#f3f4f7!important;border-radius:25px!important;color:#596a70;text-decoration:none;padding:10px;font-size:12px}.post-reactions button[aria-pressed=true]{color:#a451b4;background:#f7eafb!important}.post-manage{display:flex;justify-content:flex-end;gap:6px;margin-top:15px}.post-manage button,.post-meta button{font-size:11px;padding:4px 9px;background:none;border:0}.back-link{margin-bottom:15px;border:0!important;background:none!important;padding-left:0!important}.comment-panel h2{font-size:15px;margin:0 0 20px}.comment{border-bottom:1px solid #edf0ed;padding:6px 0 15px;margin-bottom:18px}.comment .post-body{margin:10px 0}.board-page label{display:block;font-size:12px;font-weight:650;margin:13px 0}.board-page label input,.board-page label textarea,.board-page label select{display:block;width:100%;margin-top:6px;font-weight:400}.comment-panel .login-button{display:flex}.form-note{font-size:11px;color:#7a8983;margin:18px 0}#board-message,#editor-error{font-size:13px;color:#b03348}#board-editor{width:min(580px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #dce5e0;border-radius:20px;padding:26px;color:#28463d}#board-editor::backdrop{background:#152f3b80}.editor-heading{display:flex;justify-content:space-between;align-items:center}.editor-heading h2{margin:0;font-size:23px}.editor-heading button{border:0;font-size:23px;padding:0 7px}.board-footer{border-top:1px solid #e0e8e1;padding:25px;display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:11px;color:#7c8a82}.board-footer a{text-decoration:none}#report-list .post-card p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:721px){.color-hero{gap:16px;margin-left:4%;margin-right:4%}.color-hero-copy{padding:32px 28px}.color-hero h1{font-size:55px}.outing-card{padding:25px}.outing-card h2{font-size:25px}.outing-links a{padding:12px;font-size:11px}.home-community{gap:20px;margin-left:4%;margin-right:4%}.home-login-card{padding:20px}.color-hero-copy>p{font-size:13px}}
@media(max-width:720px){.color-hero{grid-template-columns:1fr;margin:12px 18px 28px;gap:15px}.color-hero-copy{padding:30px 27px;border-radius:22px}.color-hero h1{font-size:60px;margin:20px 0}.color-hero-copy>p{font-size:13px}.color-map-button{max-width:none;margin-top:22px}.color-hero-side{gap:14px}.outing-card{min-height:210px;padding:25px;border-radius:22px}.outing-card h2{font-size:27px;margin-top:12px}.outing-links{position:absolute;right:22px;bottom:24px;flex-direction:column;gap:8px}.outing-links a{flex-direction:row;align-items:center;padding:10px 12px;font-size:11px;gap:9px}.outing-water{top:30px;font-size:175px}.home-login-card{padding:21px}.home-community{grid-template-columns:1fr;gap:25px;margin:0 18px 28px}.home-block-title h2{font-size:18px}.site-nav .nav-links{grid-template-columns:repeat(4,1fr)}.site-nav .nav-links>a[href^="board.php"]{display:none}.board-header{height:auto;min-height:68px;padding:14px 18px;flex-wrap:wrap;gap:12px}.board-header nav{order:3;width:100%;justify-content:center;gap:30px;padding-top:7px}.board-header .login-button{font-size:11px;padding:9px 12px}.board-shell{margin:30px auto 45px;padding:0 16px}.board-heading h1{font-size:23px}.board-heading p:not(.color-kicker){font-size:11px}.board-heading .write-button{padding:10px 14px;font-size:12px}.board-heading{gap:10px}.post-card{padding:16px}.post-title strong{font-size:14px}.post-meta{font-size:10px;gap:6px}.post-excerpt{font-size:12px}.board-page .post-full,.comment-panel{padding:20px;border-radius:15px}.post-full h1{font-size:22px}.post-body{font-size:13px}.board-footer{gap:13px;font-size:10px}.home-topline{margin:0 20px}}
@media(prefers-reduced-motion:reduce){.post-card{transition:none}}

@media(max-width:720px){.outing-links{position:relative;right:auto;bottom:auto;flex-direction:row;margin-top:20px}.outing-card{min-height:0}.color-hero-copy>h1{font-size:clamp(44px,15vw,60px)}}
