body{background:#f7f9fc}main.board{height:auto;min-height:calc(100dvh - var(--site-header-height,100px));display:block;max-width:940px;padding:64px 90px 100px 24px}h1{font-size:36px;letter-spacing:-.05em}h2{font-size:25px}p{line-height:1.8}.muted{color:#66758a;font-size:14px}.board-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:26px}.board button{cursor:pointer;font-weight:750}.primary{background:#145ce6;color:white;border:0}.board-list{background:white;border:1px solid #e1e8f3;border-radius:20px;overflow:hidden}.post-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e8edf5;border-radius:0;padding:20px;background:white}.post-row strong{display:block;font-size:17px;overflow-wrap:anywhere}.post-row small{display:block;margin-top:8px}.empty{padding:40px;text-align:center;color:#65758d}.board-note{padding:18px 22px;border-radius:16px;background:#eaf2ff;color:#416088;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.post-detail{background:white;padding:30px;border:1px solid #e1e8f3;border-radius:20px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.reply{border-top:1px solid #e5ebf4;margin-top:24px;padding-top:20px}.reply .actions{margin:8px 0}.reply button{font-size:13px}.status{min-height:26px;color:#b42336}.board dialog{width:min(540px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:0;border-radius:22px;padding:28px;box-shadow:0 25px 80px #14213d30}.board dialog::backdrop{background:#14213d70;backdrop-filter:blur(3px)}label.field{display:block;margin:18px 0;font-weight:750}input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:8px;border:1px solid #cbd8ea;border-radius:10px;padding:12px;font:inherit}textarea{min-height:160px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px}.trap{display:none}.board [hidden]{display:none!important}#more{display:block;margin:24px auto}#detail-title{overflow-wrap:anywhere}.board a{color:#145ce6}@media(max-width:640px){main.board{padding:36px 82px 60px 16px}h1{font-size:28px}.board-head{align-items:flex-start;flex-direction:column}.post-detail{padding:18px}.board-note{padding:14px}.board dialog{padding:20px}.post-row{padding:16px}}
*{box-sizing:border-box}body{margin:0;color:#14213d;font-size:17px;line-height:1.6}main.board{margin:0 auto}.board button{min-height:46px;padding:10px 16px;border:1px solid #cedaec;border-radius:12px;background:#fff;color:#263d60;font:inherit}.board button.primary{background:#145ce6;color:white;border-color:#145ce6}.board button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #75a9ff;outline-offset:3px}

.board-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 16px}.board-toolbar select{min-height:46px;border:1px solid #cedaec;border-radius:12px;padding:10px 34px 10px 14px;background:#fff;color:#263d60;font:inherit}.board button.post-row{border-radius:0;border-width:0 0 1px;padding:20px}.post-row.has-thumbnail{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:22px}.post-summary{min-width:0}.post-row small{color:#66758a;line-height:1.6}.post-thumbnail{position:relative;display:block;overflow:hidden;border-radius:12px;background:#101c2f}.post-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.video-badge{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;background:#101c2fd9;color:#fff;font-size:12px}.detail-media:empty{display:none}.detail-media{margin:24px 0;display:flex;justify-content:center}.detail-media video{display:block;width:min(100%,390px);max-height:75dvh;aspect-ratio:9/16;background:#101c2f;border-radius:16px;object-fit:contain}@media(max-width:640px){.post-row.has-thumbnail{grid-template-columns:1fr;gap:14px}.board button.post-row{padding:16px}.post-row strong{font-size:18px}.board-toolbar{justify-content:flex-start}.detail-media{margin:18px 0}}

/* Tips use the reference library's thumbnail cards; other boards retain rows. */
.tips-board main.board{max-width:1200px;padding-top:38px}.tips-board .board-head{margin-bottom:16px}.tips-board h1{margin:4px 0}.tips-board .board-head .muted{margin:0;letter-spacing:.12em;font-size:12px;font-weight:800}.tips-board #status:empty{min-height:0;margin:0}.tips-board .board-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:none;border:0;border-radius:0;overflow:visible;align-items:start}.tips-board a.post-row{display:block;padding:0;border:1px solid #e1e8f3;border-radius:18px;overflow:hidden;color:#14213d;text-decoration:none;box-shadow:0 4px 16px #14213d05;transition:box-shadow .18s}.tips-board a.post-row:hover{box-shadow:0 12px 28px #14213d16;border-color:#bacdeb}.tips-board .post-thumbnail{border-radius:0}.tips-board .post-summary{display:block;padding:18px}.tips-board .post-row strong{font-size:18px;line-height:1.5;letter-spacing:-.035em}.tips-board .post-row small{font-size:12px}.card-category{display:block;color:#145ce6;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}.card-open{display:block;font-size:13px;font-weight:800;color:#145ce6;border-top:1px solid #edf1f7;padding-top:12px;margin-top:16px}.tip-placeholder{display:grid;place-items:center;aspect-ratio:16/9;background:#e8f0ff;color:#145ce6;font-weight:800}.tips-board .empty{grid-column:1/-1}.reading-tip .board-head,.reading-tip #board-note{display:none}.reading-tip .post-detail{padding:36px}.reading-tip #detail-title{font-size:clamp(26px,3vw,38px);line-height:1.35;letter-spacing:-.055em;max-width:850px;margin:28px 0 12px}.reading-tip #detail-meta{padding-bottom:22px;border-bottom:1px solid #e6edf6;margin-bottom:28px}.tip-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:44px;align-items:center;background:#f2f6fc;border-radius:22px;padding:28px;margin:0 0 28px}.tip-hero video{width:100%;max-height:590px;border-radius:16px}.tip-eyebrow{font-size:12px!important;font-weight:850;letter-spacing:.07em;color:#145ce6;margin:0 0 12px!important}.tip-takeaway h3{font-size:clamp(28px,3vw,40px);line-height:1.27;letter-spacing:-.055em;margin:0 0 20px}.tip-takeaway em{color:#145ce6;font-style:normal}.tip-takeaway>p:not(.tip-eyebrow){font-size:15px;color:#52627a}.tip-keypoints{list-style:none;padding:0;margin:24px 0}.tip-keypoints li{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #dbe5f3;font-size:14px}.tip-keypoints b{background:#fff;padding:5px 10px;border-radius:8px;color:#145ce6;white-space:nowrap}.tip-caption{font-size:12px!important;color:#66758a;line-height:1.7}.tip-guide{white-space:normal;line-height:1.7}.tip-toc{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #e6edf6}.tip-toc a{display:block;border:1px solid #dce6f4;border-radius:30px;text-decoration:none;font-size:13px;font-weight:750;padding:8px 13px}.guide-section{margin:52px 0;scroll-margin-top:155px}.guide-section h3{font-size:clamp(25px,2.6vw,33px);line-height:1.35;letter-spacing:-.045em;margin:0 0 16px}.section-intro{color:#52627a;max-width:740px;margin:0 0 24px;font-size:16px}.guide-section h4{font-size:18px;letter-spacing:-.03em;line-height:1.45;margin:12px 0}.action-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.action-grid li{padding:24px;border:1px solid #e1e8f3;border-radius:16px;position:relative}.step-number{display:block;font-size:30px;line-height:1;font-weight:850;color:#145ce6;letter-spacing:-.05em}.action-grid p,.cost-grid p,.cause-notes p{font-size:14px;color:#52627a;margin:0 0 16px}.step-tag{display:inline-block;background:#edf3fc;padding:5px 9px;border-radius:6px;color:#365579;font-size:12px}.cause-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.house-diagram{margin:0;border:1px solid #cfddf0;border-radius:18px;overflow:hidden;background:#f5f8fd}.house-roof{background:#153e75;color:white;padding:15px 20px;font-size:15px;font-weight:800}.house-floor{display:flex;gap:16px;align-items:start;margin:16px;padding:22px 16px;background:white;border:1px solid #dce7f6;border-radius:10px}.floor-label{background:#edf3ff;color:#145ce6;font-size:13px;font-weight:850;padding:5px 8px;border-radius:5px;white-space:nowrap}.house-floor strong{font-size:15px}.house-floor p{font-size:12px;color:#66758a;margin:6px 0 14px}.pipe-label,.damage-label{display:inline-block;padding:4px 8px;border-radius:5px;background:#e8f1ff;color:#20519b;font-size:12px;font-weight:750}.damage-label{background:#fff0db;color:#865319}.house-slab{padding:0 18px;text-align:center;font-size:11px;color:#586e8a}.house-slab b{display:block;font-size:28px;line-height:1.4;color:#3381df}.shared-pipe{display:flex;gap:10px;flex-wrap:wrap;margin:16px;padding:14px;background:#e0f4f3;border-left:5px solid #13867d;color:#1d5e59;font-size:12px}.house-diagram figcaption{font-size:11px;color:#66758a;padding:0 18px 16px}.cause-notes article{position:relative;padding:0 0 12px 42px;border-bottom:1px solid #e6edf6;margin-bottom:18px}.cause-notes article>span{position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;background:#eaf2ff;border-radius:50%;color:#145ce6;font-weight:850;font-size:13px}.cause-notes h4{margin:0 0 10px}.cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cost-grid article{border:1px solid #dce6f3;border-top:4px solid #145ce6;border-radius:12px;padding:22px 18px}.cost-grid article:nth-child(2){border-top-color:#16867e}.cost-grid article:nth-child(3){border-top-color:#ca851b}.cost-label{color:#526b8e;font-size:12px;font-weight:800}.cost-grid h4{font-size:22px;margin:9px 0 14px}.cost-grid article>div{font-size:13px;border-top:1px solid #e6edf6;padding-top:14px;color:#385274}.cost-grid article>div b{display:block;font-size:11px;margin-bottom:6px;color:#65758d}.tip-callout{border-radius:14px;background:#edf4ff;padding:22px 26px;margin-top:20px}.tip-callout strong{font-size:15px}.tip-callout p{margin:8px 0;font-size:16px;color:#214d89}.tip-callout small{font-size:12px;color:#5b7090}.check-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.check-heading p{font-size:14px;color:#52627a}.check-heading output{white-space:nowrap;font-size:13px;font-weight:800;color:#145ce6}.tip-guide progress{display:block;width:100%;height:8px;border:0;border-radius:5px;overflow:hidden;accent-color:#145ce6;background:#edf2f9;margin:0 0 20px}.tip-guide progress::-webkit-progress-bar{background:#edf2f9}.tip-guide progress::-webkit-progress-value{background:#145ce6}.document-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-checklist label{display:flex;align-items:flex-start;gap:13px;border:1px solid #dce6f3;border-radius:12px;padding:18px;cursor:pointer}.document-checklist label:has(input:checked){background:#edf5ff;border-color:#90b8f4}.document-checklist input{width:20px;height:20px;flex-shrink:0;margin:3px 0 0;accent-color:#145ce6}.document-checklist b{display:block;font-size:14px}.document-checklist small{display:block;color:#66758a;font-size:12px;margin-top:4px}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.question-grid article{background:#f5f8fc;border-radius:16px;padding:24px}.question-grid ul{padding-left:18px;font-size:14px;color:#52627a;margin-bottom:0}.question-grid li+li{margin-top:10px}.tip-faq details{border-bottom:1px solid #dfe7f2;padding:18px 0}.tip-faq summary{font-weight:800;font-size:16px;cursor:pointer;padding-right:12px}.tip-faq p{font-size:14px;color:#52627a;margin:14px 0 4px}.guide-footnote{background:#f5f7fa;border-radius:12px;padding:20px;font-size:12px;color:#66758a}.guide-footnote b{color:#40536c}.guide-footnote p{margin:7px 0 0}.tip-original{margin-top:20px;font-size:13px;color:#66758a}.tip-original summary{cursor:pointer}.tip-original .post-body{margin-top:16px}.reading-tip #detail>.actions{padding-top:24px;border-top:1px solid #e6edf6}
@media(max-width:1050px){.tips-board .board-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tip-hero{gap:24px;padding:22px}.cost-grid{grid-template-columns:1fr}.cause-layout{grid-template-columns:1fr}.tip-takeaway h3{font-size:30px}.reading-tip .post-detail{padding:26px}}
@media(max-width:700px){.tip-hero{grid-template-columns:1fr}.tip-hero video{width:min(100%,280px);margin:auto;max-height:500px}.tip-takeaway h3{font-size:30px}.action-grid,.document-checklist,.question-grid{grid-template-columns:1fr}.reading-tip .post-detail{padding:20px}.tip-keypoints{margin-bottom:0}}
@media(max-width:640px){.tips-board main.board{padding-top:26px}.tips-board .board-list{grid-template-columns:1fr;gap:16px}.reading-tip .post-detail{padding:16px;border-radius:16px}.reading-tip #detail-title{font-size:25px}.tip-hero{padding:14px;gap:22px}.tip-takeaway h3{font-size:28px}.tip-takeaway>p:not(.tip-eyebrow){font-size:14px}.tip-keypoints li{font-size:12px;gap:8px}.tip-toc{gap:6px}.tip-toc a{font-size:12px;padding:6px 10px}.guide-section{margin:38px 0}.guide-section h3{font-size:25px}.section-intro{font-size:14px}.action-grid li,.question-grid article{padding:18px}.house-floor{gap:9px;padding:16px 10px;margin:12px}.house-floor strong{font-size:14px}.house-floor .floor-label{font-size:11px;padding:4px 6px}.tip-callout{padding:18px}.check-heading{align-items:start;flex-direction:column;gap:0;margin-bottom:12px}.tip-faq summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.tips-board a.post-row{transition:none}}

/* Separate title and series label; keep Korean words intact at normal widths. */
.tips-board .post-row strong,.tips-board #detail-title,.tips-board .tip-guide,.tips-board .tip-takeaway{word-break:keep-all;overflow-wrap:anywhere}
.tips-board .title-main{display:block;text-wrap:balance}
.tips-board .title-series{display:block;margin-top:8px;color:#526b8e;font-size:13px;line-height:1.5;font-weight:700;letter-spacing:0;word-break:keep-all}
.reading-tip #detail-title .title-series{font-size:15px;margin-top:12px}