/* 주말여행 노트 — 매거진형 티일 테마 (mytravelnotes 스타일 참고) */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#164e63;line-height:1.8;background:#fbfefe}
a{color:inherit;text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #cffafe;padding:16px 0;position:sticky;top:0;z-index:10}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.3rem;font-weight:800;color:#0e7490}
.site-header nav a{margin-left:18px;font-size:.95rem;color:#155e75}
.site-header nav a:hover{color:#0e7490;text-decoration:underline}
.hero{padding:64px 0 44px;text-align:center;background:linear-gradient(160deg,#ecfeff 0%,#fbfefe 100%);margin:0 -9999px;padding-left:9999px;padding-right:9999px}
.hero h1{font-size:2rem;color:#083344;margin-bottom:14px;word-break:keep-all;letter-spacing:-.5px}
.hero p{color:#3d6975;max-width:580px;margin:0 auto;word-break:keep-all}
.grid-section{padding:36px 0 72px}
.grid-section h2{font-size:1.35rem;margin-bottom:24px;color:#083344}
.grid-section h2::before{content:"✈ ";color:#0e7490}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.card{background:#fff;border:1px solid #e0f2f7;border-radius:14px;padding:0;overflow:hidden;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column}
.card::before{content:"";display:block;height:80px;background:linear-gradient(120deg,#0e7490,#22d3ee)}
.card:nth-child(3n+2)::before{background:linear-gradient(120deg,#0f766e,#34d399)}
.card:nth-child(3n)::before{background:linear-gradient(120deg,#7c3aed,#60a5fa)}
.card:hover{box-shadow:0 12px 28px rgba(14,116,144,.16);transform:translateY(-3px)}
.card-cat{font-size:.78rem;color:#0e7490;font-weight:700;margin:16px 20px 6px}
.card h3{font-size:1.1rem;margin:0 20px 8px;word-break:keep-all;color:#083344;line-height:1.45}
.card p{font-size:.88rem;color:#527c87;flex:1;margin:0 20px;word-break:keep-all}
.card-date{font-size:.78rem;color:#94b8bf;margin:12px 20px 18px}
.post{background:#fff;border:1px solid #e0f2f7;border-radius:14px;padding:44px;margin:36px 0 72px}
.post h1{font-size:1.7rem;margin-bottom:10px;word-break:keep-all;color:#083344;line-height:1.4}
.post h2{font-size:1.28rem;margin:36px 0 12px;color:#0e7490;word-break:keep-all}
.post h3{font-size:1.05rem;margin:24px 0 8px}
.post p{margin-bottom:15px;word-break:keep-all}
.post ul,.post ol{margin:0 0 16px 22px}
.post li{margin-bottom:7px;word-break:keep-all}
.post-meta{color:#94b8bf;font-size:.85rem;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid #e0f2f7}
.breadcrumb{font-size:.82rem;color:#94b8bf;margin-bottom:14px}
.breadcrumb a{color:#0e7490}
.post table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92rem}
.post th,.post td{border:1px solid #e0f2f7;padding:10px 12px;text-align:left;word-break:keep-all}
.post th{background:#ecfeff;color:#155e75}
.tip-box{background:#ecfeff;border-left:4px solid #0e7490;padding:16px 18px;border-radius:0 10px 10px 0;margin:18px 0;font-size:.94rem}
.route-box{background:#f8fafc;border:1px solid #e0f2f7;border-radius:10px;padding:18px 20px;margin:18px 0;font-size:.94rem}
.route-box strong{color:#0e7490}
.cta-box{background:linear-gradient(120deg,#ecfeff,#f0fdfa);border:1px solid #a5f3fc;border-radius:12px;padding:22px;margin:26px 0;text-align:center}
.cta-box>p{margin-bottom:12px;font-size:1rem}
.cta-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.cta-buttons a{background:#0e7490;color:#fff;padding:11px 20px;border-radius:8px;font-size:.92rem;font-weight:600;transition:background .2s}
.cta-buttons a:hover{background:#155e75}
.cta-buttons a.alt{background:#fff;color:#0e7490;border:1.5px solid #0e7490}
.cta-note{font-size:.76rem;color:#94b8bf}
.notice-box{background:#f8fafc;border:1px dashed #bcd8de;border-radius:8px;padding:14px 16px;font-size:.85rem;color:#527c87;margin-top:32px}
.related{margin-top:30px;padding-top:20px;border-top:1px solid #e0f2f7}
.related h2{font-size:1.05rem;color:#083344;margin-bottom:10px}
.related ul{margin-left:20px}
.related a{color:#0e7490}
.related a:hover{text-decoration:underline}
.contact-box{background:#ecfeff;border-radius:10px;padding:20px;margin:16px 0}
.site-footer{background:#083344;color:#94b8bf;padding:34px 0;font-size:.85rem;text-align:center}
.footer-links a{color:#a5f3fc;margin:0 4px}
.footer-links a:hover{text-decoration:underline}
@media(max-width:640px){.post{padding:26px 18px}.hero h1{font-size:1.55rem}.site-header nav a{margin-left:10px;font-size:.85rem}}