*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:#242a30;background:#fff;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #986b00;outline-offset:5px}.wrap{max-width:1160px;width:calc(100% - 64px);margin:auto}.preview-bar{padding:7px 24px;text-align:center;background:#373a3c;color:white;font-size:12px}.preview-bar span{margin-left:16px;color:#d8d8d8}header{background:#fffffff5;position:sticky;top:0;border-bottom:1px solid #ececea;z-index:5}.header-inner{height:90px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand img{width:44px;height:44px;object-fit:contain}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#777}.header-inner nav{display:flex;gap:30px;font-size:14px}.menu-toggle{display:none;border:1px solid #ddd;background:white;padding:5px 13px;border-radius:5px}.hero{padding-top:88px;padding-bottom:88px;display:grid;grid-template-columns:1.65fr 1fr;gap:64px;align-items:center}.eyebrow{color:#97711d;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:44px;line-height:1.4;letter-spacing:-2px;margin-bottom:24px}h1 em{font-style:normal;color:#926600}h2{font-size:30px;line-height:1.45;letter-spacing:-1.1px;margin-bottom:18px}h3{font-size:18px;line-height:1.5;margin-bottom:12px;letter-spacing:-.4px}.lead{font-size:17px;color:#656a6e;line-height:1.9;margin-bottom:30px}.primary{border:0;background:#ffd12e;color:#282714;padding:15px 30px;font-size:16px;font-weight:700;border-radius:6px;box-shadow:0 3px 0 #e5b722}.primary:hover{background:#f7c721}.button-note{font-size:12px;color:#767b7e;margin:12px 0 24px}.benefits{display:flex;gap:15px;list-style:none;padding:0;margin:0;font-size:12px;color:#707579;flex-wrap:wrap}.benefits li:before{content:'·';color:#b88710;margin-right:6px}.intro-note{border:1px solid #e9e7df;border-radius:10px;padding:26px 28px;background:#fffefa;box-shadow:0 12px 35px #28302006}.note-label{font-size:12px;color:#92794c}.intro-note div{padding:22px 0;border-bottom:1px solid #eeece5}.intro-note div:last-child{border:0;padding-bottom:0}.intro-note small{display:block;color:#777;font-size:12px}.intro-note strong{display:block;margin:5px 0;font-size:17px}.intro-note p{margin:0;color:#777;font-size:13px}.section,.band{padding-top:76px;padding-bottom:76px}.band{background:#f7f8f8;border-top:1px solid #eff0f0;border-bottom:1px solid #eff0f0}.section-intro{color:#686e73;font-size:15px;max-width:760px;margin-bottom:32px}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plain-card{background:white;border:1px solid #e8eaeb;border-radius:8px;padding:28px}.number{font-size:12px;color:#9b7726;display:block;margin-bottom:16px}.plain-card p,.steps p,.guide-grid p{font-size:14px;color:#6f7579;margin-bottom:0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.quiet{font-size:13px;color:#7a7f83}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-grid article{padding:26px;border:1px solid #e6e8e9;border-radius:8px}.category-grid article>span{color:#8b7c5c;font-size:11px}.category-grid h3{margin:8px 0}.category-grid p{font-size:13px;color:#70767b;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:35px}.steps b{display:block;color:#a68330;font-size:13px;border-bottom:2px solid #e6dbbc;padding-bottom:14px;margin-bottom:18px}.fine{font-size:12px;color:#84888b;margin-top:24px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.stats>div{padding:24px;background:#fafaf8;border:1px solid #e8e8e2;border-radius:8px}.stats span,.stats small{display:block;font-size:12px;color:#777}.stats strong{font-size:32px;display:block;margin:8px 0}.records{border:1px solid #e5e7e8;border-radius:8px;overflow:hidden}.record-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;gap:12px}.record-head h3{margin:0;font-size:16px}.sample{font-size:11px;color:#8c7236}.table-head{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;padding:13px 26px;background:#f6f7f8;font-size:12px;color:#6f7579;border-block:1px solid #e5e7e8}.empty{text-align:center;padding:36px 16px}.empty-dot{display:block;width:7px;height:7px;background:#d4b756;border-radius:50%;margin:0 auto 15px}.empty strong{font-size:14px;font-weight:400}.empty p{font-size:12px;color:#84888b;margin:7px 0 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:70px}.questions{border-top:1px solid #dfe2e4}details{border-bottom:1px solid #e4e6e8;padding:19px 0}summary{cursor:pointer;list-style:none;font-size:15px;padding-right:30px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;color:#8c9296}details[open] summary:after{content:'−'}details p{font-size:14px;color:#70767b;line-height:1.9;margin:15px 25px 0 0}.closing{padding:65px 0;text-align:center;background:#fff9e9;border-block:1px solid #f4ecd7}.closing p:not(.eyebrow){font-size:14px;color:#787265;margin-bottom:27px}.closing h2{font-size:28px}footer{padding-top:38px;padding-bottom:35px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .brand{font-size:18px}.footer-top .brand img{width:34px;height:34px}.footer-top>div{display:flex;gap:22px;font-size:12px;color:#757a7e}footer p,footer small{font-size:11px;color:#8b8f92}footer p{margin:20px 0 5px}.mobile{display:none}dialog{border:1px solid #ddd;border-radius:12px;padding:38px;max-width:calc(100% - 32px);color:#303438}dialog::backdrop{background:#0006}dialog h2{font-size:25px}dialog p{font-size:14px}dialog>.close:first-child{float:right;border:0;background:transparent;font-size:12px;color:#777;margin:-15px -15px 15px 10px}dialog .primary{margin-top:12px}
@media(max-width:1000px){.hero{gap:32px;grid-template-columns:1.3fr 1fr}h1{font-size:35px}.header-inner nav{gap:18px}.wrap{width:calc(100% - 48px)}.steps{gap:20px}.desktop{display:none}}
@media(max-width:760px){.header-inner{height:76px}.brand{font-size:18px}.brand img{width:38px;height:38px}.menu-toggle{display:block}.header-inner nav{display:none;position:absolute;top:76px;left:0;width:100%;padding:20px 24px;background:white;border-bottom:1px solid #eee;flex-direction:column;gap:18px}.header-inner nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:36px}h1{font-size:36px}.intro-note{padding:22px}.intro-note div{padding:16px 0}.intro-note p{font-size:12px}.section,.band{padding-top:48px;padding-bottom:48px}h2{font-size:26px}.section-title{display:block}.section-title>.quiet{display:none}.category-grid{grid-template-columns:1fr 1fr;gap:12px}.category-grid article{padding:20px}.steps{grid-template-columns:1fr 1fr;gap:24px}.guide-grid{gap:20px}.guide-grid h3{font-size:16px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section>div:first-child h2 br{display:none}.faq-section>div:first-child>.quiet{display:none}.footer-top{align-items:start;flex-direction:column}.preview-bar span{display:block;margin:0;font-size:10px}.stats{gap:10px}.stats>div{padding:18px 12px}.stats small{font-size:10px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}h1{font-size:30px;letter-spacing:-1.4px}.lead{font-size:15px}.benefits{font-size:11px;gap:10px}.two-up,.guide-grid{grid-template-columns:1fr;gap:18px}.plain-card{padding:23px}.category-grid article{padding:18px 15px}.category-grid h3{font-size:16px}.category-grid p{font-size:12px}.category-grid article>span{font-size:10px}.mobile{display:initial}.section-intro{font-size:14px}.stats{grid-template-columns:1fr;gap:10px}.stats>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px 20px}.stats strong{grid-column:2;grid-row:1/3;margin:0;font-size:25px}.stats small{font-size:11px}.record-head{padding:18px;align-items:start;flex-direction:column;gap:5px}.table-head{display:none}.empty{border-top:1px solid #eee;padding:28px 15px}.guide-grid article{padding:0 0 20px;border-bottom:1px solid #e5e7e8}.guide-grid article:last-child{border:0;padding:0}.guide-grid .number{margin-bottom:8px}.closing h2{font-size:24px}.closing p:not(.eyebrow){font-size:13px}summary{font-size:14px}.steps h3{font-size:16px}.steps p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.title-short{display:none}
.hero{position:relative;margin-top:26px;margin-bottom:26px;padding:58px 48px;background:#fff8df;border:1px solid #eee3be;border-radius:4px 4px 38px 4px;grid-template-columns:1.45fr 1fr;gap:48px;overflow:hidden}.hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#efbf28}.hero .eyebrow{display:inline-block;border-bottom:1px solid #cdbd87;padding-bottom:9px;color:#796326}.hero h1{font-size:42px}.hero .primary{background:#343a32;color:#fffdf3;box-shadow:none;padding:15px 34px}.hero .primary:hover{background:#4b5447}.hero .button-note{color:#81785f}.hero .benefits{color:#81785f}.intro-note{position:relative;background:#fffef7;border:0;border-radius:2px;box-shadow:5px 7px 0 #e9dfbc;transform:rotate(2deg);padding:24px 28px}.intro-note:before{content:'';display:block;width:80px;height:23px;background:#e9c64d99;position:absolute;left:calc(50% - 40px);top:-12px;transform:rotate(-5deg)}.intro-note .note-label{font-size:11px;letter-spacing:2px;color:#857959}.intro-note div{border-bottom:1px solid #e8e3d1;padding:17px 0}.intro-note div:first-of-type{padding-top:22px}.intro-note strong{font-size:18px}.intro-note div:first-of-type:after{content:'';position:absolute;right:22px;top:47px;width:57px;height:57px;background:url('assets/honeybee.png') center/contain no-repeat;transform:rotate(-12deg)}.intro-note div:first-of-type strong{padding-right:62px}.hero .lead{font-size:16px}.hero .benefits{gap:9px;font-size:11px}
@media(max-width:1000px){.hero{padding:44px 32px;gap:30px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:34px}.intro-note{padding:22px}.intro-note div:first-of-type:after{width:42px;height:42px;right:16px}.intro-note div:first-of-type strong{padding-right:40px;font-size:16px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;margin-top:18px;margin-bottom:18px;padding:35px 26px 32px;gap:35px;border-radius:3px 3px 28px 3px}.hero h1{font-size:32px}.hero .lead{font-size:14px}.hero .intro-note{transform:rotate(1deg);margin:0 5px}.intro-note div{padding:13px 0}.intro-note div:last-child{padding-bottom:0}.hero .benefits{display:none}.hero .button-note{margin-bottom:0}.hero .primary{width:100%}.intro-note div:first-of-type:after{width:49px;height:49px}}
@media(max-width:480px){.hero{width:calc(100% - 24px);padding:30px 22px 28px}.hero h1{font-size:27px;letter-spacing:-1.4px}.hero .eyebrow{font-size:11px;margin-bottom:20px}.hero .lead{line-height:1.85;margin-bottom:24px}.hero .intro-note{padding:23px}.hero .intro-note strong{font-size:16px}.hero .intro-note div:last-child{display:none}.hero .intro-note div:nth-last-child(2){border-bottom:0;padding-bottom:0}.hero .button-note{text-align:center;font-size:11px}}
@media(max-width:600px){main h2,.closing h2{font-size:20px;line-height:1.5;letter-spacing:-.5px;margin-bottom:14px}main h2 .title-full{display:none}main h2 .title-short{display:inline}main h2 br{display:none}main h3,.guide-grid h3,.steps h3,.category-grid h3{font-size:15px;line-height:1.5}main h1{font-size:28px;line-height:1.45}main h2,main h3{overflow-wrap:anywhere}}

.primary{display:inline-block;text-align:center}.check-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:12px;padding:16px 26px;border-bottom:1px solid #eee;font-size:13px;overflow-wrap:anywhere}.check-row time{font-size:11px}.check-row a{word-break:break-all}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:white;padding:12px}@media(max-width:600px){.check-row{grid-template-columns:1fr;padding:18px;gap:5px}.check-row time{font-size:12px}}
/* Share the directory page's saved display preference. */
:root{color-scheme:light;--landing-bg:#fff;--landing-text:#242a30;--landing-surface:#f7f8f8;--landing-card:#fff;--landing-muted:#626a70;--landing-line:#e5e7e8;--landing-honey:#fff8df;--landing-note:#fffef7;--landing-accent:#926600;--landing-button:#343a32;--landing-button-text:#fffdf3}
:root[data-mode="dark"]{color-scheme:dark;--landing-bg:#171b20;--landing-text:#edf0f3;--landing-surface:#1e242b;--landing-card:#242b33;--landing-muted:#b9c1ca;--landing-line:#424b55;--landing-honey:#302c20;--landing-note:#393526;--landing-accent:#f2cc63;--landing-button:#f2cc63;--landing-button-text:#242820}
@media(prefers-color-scheme:dark){:root:not([data-mode="light"]){color-scheme:dark;--landing-bg:#171b20;--landing-text:#edf0f3;--landing-surface:#1e242b;--landing-card:#242b33;--landing-muted:#b9c1ca;--landing-line:#424b55;--landing-honey:#302c20;--landing-note:#393526;--landing-accent:#f2cc63;--landing-button:#f2cc63;--landing-button-text:#242820}}
body{background:var(--landing-bg);color:var(--landing-text)}header,.header-inner nav{background:var(--landing-bg)}header,.band,.plain-card,.category-grid article,.stats>div,.records,.table-head,.questions,details,.check-row,.intro-note div,.closing,.empty,.guide-grid article{border-color:var(--landing-line)}.band,.table-head{background:var(--landing-surface)}.plain-card,.stats>div{background:var(--landing-card)}.hero,.closing{background:var(--landing-honey);border-color:var(--landing-line)}.intro-note{background:var(--landing-note);box-shadow:5px 7px 0 var(--landing-line)}.brand small,.lead,.hero .lead,.intro-note small,.intro-note p,.section-intro,.plain-card p,.steps p,.guide-grid p,.quiet,.category-grid p,.fine,.stats span,.stats small,.table-head,.empty p,details p,.closing p:not(.eyebrow),.footer-top>div,footer p,footer small,.hero .benefits{color:var(--landing-muted)}.eyebrow,h1 em,.hero .eyebrow,.note-label,.intro-note .note-label,.number,.steps b,.sample{color:var(--landing-accent)}.hero .primary{background:var(--landing-button);color:var(--landing-button-text)}.hero .primary:hover{background:var(--landing-button);color:var(--landing-button-text);filter:brightness(1.12)}.hero .benefits{margin-top:24px}.mode-label{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap}.mode-label select,.menu-toggle{font:inherit;color:var(--landing-text);background:var(--landing-card);border:1px solid var(--landing-line);border-radius:5px;padding:5px 8px}.header-inner nav{align-items:center;gap:20px}.skip-link:focus{background:var(--landing-card);color:var(--landing-text)}select:focus-visible{outline:3px solid var(--landing-accent);outline-offset:3px}
@media(max-width:1000px){.header-inner nav{gap:12px;font-size:13px}.brand{font-size:18px}}
@media(max-width:760px){.header-inner nav{align-items:flex-start;gap:18px}.mode-label{width:100%;justify-content:space-between}.mode-label select{min-width:110px}}

/* Approved common three-column public check list. */
.table-head,.check-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px;overflow-wrap:anywhere}.check-row small{display:block;font-size:11px;color:var(--landing-muted)}
@media(max-width:600px){.table-head,.check-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1fr);gap:8px;padding:14px 8px;font-size:12px}.check-row time{font-size:12px}}

.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid article,.stats>div,.stats strong{min-width:0;overflow-wrap:anywhere}

/* Keep the summary compact; timestamps are text rather than large counters. */
.stats{gap:12px;margin:24px 0}.stats>div{padding:16px 18px}.stats strong{line-height:1.25;margin:6px 0}.stats>div:last-child strong{font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
@media(max-width:600px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:14px 12px}.stats>div:not(:last-child){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.stats>div:not(:last-child) strong{grid-column:2;grid-row:1/3;font-size:24px;margin:0}.stats>div:last-child{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.stats>div:last-child strong{margin:0;font-size:14px}.stats>div:last-child small{flex-basis:100%}.stats>div:last-child strong{grid-column:auto;grid-row:auto}}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A check records: compact dates and one-line names with full accessible labels. */
.records .table-head,.records .check-row{grid-template-columns:minmax(0,1fr) 92px 112px;gap:12px;padding:6px 12px;align-items:center}
.records .check-row{min-height:56px}.records .check-row>a{display:flex;align-items:center;min-width:0;min-height:44px;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.check-name{display:block;min-width:0;width:100%;overflow:hidden;white-space:nowrap}.records .check-row time{font-variant-numeric:tabular-nums}
@media(max-width:600px){.records .table-head,.records .check-row{grid-template-columns:minmax(0,1fr) 76px 78px;gap:6px;padding:6px 8px}.records .check-row time{font-size:11px}}

/* Responsive explanation images; HTML captions keep small-screen content readable. */
.service-guide{width:100%;max-width:960px;margin:0 auto 32px;min-width:0}.service-guide>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px}.service-guide figcaption{padding:14px 0 0;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.service-guide figcaption p{margin:0 0 8px;color:inherit}
@media(max-width:480px){.service-guide{margin-bottom:24px}.service-guide>img{border-radius:8px}.service-guide figcaption{font-size:13px;line-height:1.85}}