:root{--font-sans:-apple-system, system-ui, "Malgun Gothic", "맑은 고딕", Helvetica, "Apple SD Gothic Neo", sans-serif;--bg:#f4f7fb;--bg2:#e8f1f8;--paper:#ffffffdb;--paper-solid:#fff;--ink:#172033;--sub:#536173;--muted:#7a8796;--line:#dce5ef;--line-strong:#c7d5e5;--blue:#246bfe;--blue-dark:#1746a2;--sky:#dff3ff;--snow:#fbfdff;--sand:#f5e7cf;--green:#3d8f7a;--shadow:0 18px 45px #1c3a5b1c;--shadow-soft:0 10px 30px #1c3a5b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-sans);letter-spacing:-.4px;background:radial-gradient(circle at 12% 0,#a6d7ffa6,#0000 34rem),radial-gradient(circle at 92% 10%,#ffffffe6,#0000 28rem),linear-gradient(#eaf5ff 0%,#f7f8fb 42%,#f6f1e9 100%);margin:0;font-size:15px;font-weight:500;line-height:1.72}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff73 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;mask-image:linear-gradient(#0000007a,#0000 62%)}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{width:min(1120px,100% - 32px);margin:0 auto;padding:22px 0 56px;position:relative}.site-head{justify-content:space-between;align-items:center;gap:18px;padding:14px 0 28px;display:flex}.brand-block{gap:2px;display:grid}.brand{letter-spacing:-.04em;width:fit-content;font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1.05}.brand:after{content:"";background:linear-gradient(90deg, var(--blue), #7cc9ff);border-radius:999px;width:54px;height:4px;margin-top:8px;display:block}.tagline{color:var(--sub);margin-top:6px;font-size:14px}.site-badge{color:var(--blue-dark);box-shadow:var(--shadow-soft);white-space:nowrap;background:#ffffff9e;border:1px solid #246bfe2e;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffeb,#e7f4ffbd),radial-gradient(circle at 86% 18%,#246bfe2b,#0000 22rem);border:1px solid #ffffffd1;border-radius:32px;margin:0 0 22px;padding:clamp(28px,5vw,54px);position:relative;overflow:hidden}.hero:after{content:"SAPPORO";color:#246bfe0f;letter-spacing:-.08em;font-size:clamp(58px,12vw,140px);font-weight:950;line-height:1;position:absolute;bottom:-34px;right:-10px}.eyebrow{color:var(--blue-dark);background:#ffffffc7;border:1px solid #246bfe2e;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.hero h1,.page-title{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(34px,7vw,68px);font-weight:800;line-height:1.08}.hero p,.lead{max-width:680px;color:var(--sub);margin:18px 0 0;font-size:clamp(16px,2.2vw,19px)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.button,.category-nav a,.pill{border:1px solid var(--line);color:var(--sub);background:#ffffffc7;border-radius:999px;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.button{color:var(--ink);padding:11px 15px;box-shadow:0 8px 18px #1c3a5b14}.button.primary{color:#fff;background:linear-gradient(135deg, var(--blue), #55b7ff);border-color:#0000}.card{background:var(--paper);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);border:1px solid #ffffffc2;border-radius:24px}.section-card{padding:clamp(22px,3vw,28px)}.section-card+.section-card,.section-card+.grid{margin-top:22px}.category-nav{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.category-nav a{min-height:36px;padding:7px 12px;line-height:1.25}.category-nav a:hover,.pill:hover{color:var(--blue-dark);background:#e7f4ffe6;border-color:#246bfe47}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.problem-link{border:1px solid var(--line);background:#ffffffb8;border-radius:20px;gap:6px;min-height:134px;padding:18px;display:grid}.problem-link strong{letter-spacing:-.035em;font-size:17px;line-height:1.38}.problem-link span{color:var(--sub);font-size:14px;line-height:1.55}.problem-link:hover{color:var(--ink);background:#e7f4ffe0;border-color:#246bfe47}.post-card{flex-direction:column;justify-content:space-between;min-height:260px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.post-card:hover{border-color:#246bfe38;transform:translateY(-3px);box-shadow:0 24px 60px #1c3a5b26}.post-card h2{letter-spacing:-.04em;border:0;margin:16px 0 10px;padding:0;font-size:clamp(21px,2.8vw,28px);font-weight:800;line-height:1.3}.post-card p{color:var(--sub);margin:0;font-size:15px}.meta{color:var(--muted);flex-wrap:wrap;gap:7px;font-size:13px;display:flex}.pill{padding:4px 10px}.pill.weather{color:#126b88;background:#e6f8ff;border-color:#c9ecf8}.pill.food{color:#8a4c12;background:#fff1dd;border-color:#f1d6b5}.pill.move{color:#275f52;background:#e9f7f1;border-color:#cfeade}.read-more{color:var(--blue-dark);margin-top:18px;font-size:14px;font-weight:800}.post-nav{margin:10px 0 20px}.post-nav a{color:var(--sub);font-weight:800}article.post-shell{max-width:820px;margin:0 auto}.post-hero{margin-bottom:18px;padding:clamp(26px,5vw,46px)}.post-hero h1{letter-spacing:-.05em;margin:16px 0 0;font-size:clamp(32px,5.8vw,56px);font-weight:800;line-height:1.14}.post-description{color:var(--sub);margin:16px 0 0;font-size:17px}.article-body{overflow-wrap:anywhere;word-break:break-word;color:#243044;letter-spacing:-.25px;min-width:0;padding:clamp(24px,5vw,44px);font-size:17px;font-weight:500}.article-body h1:first-child{display:none}.article-body h2{border-top:1px solid var(--line);letter-spacing:-.035em;margin:42px 0 14px;padding-top:26px;font-size:25px;font-weight:800;line-height:1.35}.article-body p{margin:0 0 18px}.article-body table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;margin:18px 0 28px;overflow:hidden;box-shadow:0 10px 28px #1c3a5b0f}.article-body thead{background:linear-gradient(#eef7ff,#e8f2fb)}.article-body th,.article-body td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;min-width:150px;padding:14px 16px;font-size:15px;line-height:1.6}.article-body th{color:var(--blue-dark);white-space:nowrap;font-weight:900}.article-body td:last-child,.article-body th:last-child{border-right:0}.article-body tr:last-child td{border-bottom:0}.article-body tbody tr:nth-child(2n){background:#f8fbff}.article-body ul,.article-body ol{padding-left:1.25rem}.article-body li{margin:9px 0}.article-body img{border-radius:20px;width:100%;height:auto;margin:20px 0 28px;display:block;box-shadow:0 12px 30px #1c3a5b1f}.article-body a{color:var(--blue-dark);text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word;font-weight:800;text-decoration:underline #246bfe3d}.article-body strong{color:var(--ink)}.related-posts{margin-top:18px;padding:clamp(22px,4vw,32px)}.related-posts h2{letter-spacing:-.035em;margin:0 0 14px;font-size:22px;line-height:1.35}.related-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.related-list a{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;padding:13px 14px;font-weight:800;line-height:1.45;display:block}.related-list a:hover{color:var(--blue-dark);background:#e7f4ffe6;border-color:#246bfe47}.old-note{display:none}.footer{color:var(--muted);border-top:1px solid #c7d5e5b3;margin-top:42px;padding:22px 0 8px;font-size:13px}@media (width<=760px){.wrap{width:min(100% - 22px,1120px);padding-top:14px}.site-head{align-items:flex-start;padding-bottom:18px}.site-badge{display:none}.hero{border-radius:24px}.grid,.problem-grid{grid-template-columns:1fr}.problem-link,.post-card{min-height:auto}.category-nav{gap:8px}.category-nav a{padding:8px 10px;font-size:12px}.article-body{padding:20px 16px;font-size:16px}.article-body table,.article-body thead,.article-body tbody,.article-body tr,.article-body th,.article-body td{display:block}.article-body table{box-shadow:none;background:0 0;border:0;border-radius:0}.article-body thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.article-body tbody tr{border:1px solid var(--line);background:#fff;border-radius:18px;margin:0 0 14px;overflow:hidden;box-shadow:0 10px 28px #1c3a5b0f}.article-body th,.article-body td{border-right:0;border-bottom:1px solid var(--line);width:100%;min-width:0;padding:12px 14px}.article-body td:before{content:attr(data-label);color:var(--blue-dark);letter-spacing:-.02em;margin-bottom:3px;font-size:12px;font-weight:900;display:block}.article-body tbody tr:last-child td,.article-body tbody tr td:last-child{border-bottom:0}}