.art-page{--art-green:#0b6f64;--art-grid:#d9e8dd;font-size:16px}.art-body a,.art-crumbs a,.art-section-foot a{color:var(--art-green);text-decoration:underline;text-underline-offset:3px}.art-body a:hover,.art-crumbs a:hover,.art-section-foot a:hover{color:#06514a}.art-hero{position:relative;background-color:#f3f9f1;background-image:linear-gradient(var(--art-grid) 1px,transparent 1px),linear-gradient(90deg,var(--art-grid) 1px,transparent 1px);background-size:28px 28px;border-bottom:2px solid #cfe2d5}.art-hero-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(30px,6vw,56px)}.art-hero-in>div:first-child{min-width:0;max-width:640px}.art-hero h1{margin:0 0 .3em;font-size:clamp(2.1rem,5vw,3.1rem)}.art-kicker{margin:0 0 6px;color:var(--art-green);font-size:15px;font-weight:800}.art-lead{margin:0;color:#3f5548;font-size:clamp(1.02rem,2vw,1.18rem);line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}.art-hero-art{display:flex;flex-shrink:0}.art-hero-art .mascot-art{width:clamp(84px,11vw,128px);height:auto;filter:drop-shadow(0 6px 10px #264b3322)}.art-hero-art .mascot-art+.mascot-art{margin-left:-22px}.art-sections{display:grid;gap:clamp(36px,6vw,56px);padding-block:clamp(30px,5vw,52px) 8px}.art-sections h2{font-size:clamp(1.4rem,3vw,1.75rem);margin-bottom:14px}.art-section-lead{margin:-6px 0 16px;color:var(--ink-soft);word-break:keep-all}.art-section-foot{margin:14px 0 0;font-weight:700}.gh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px;padding:0;list-style:none}.gh-steps li{display:flex;flex-direction:column;gap:6px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);word-break:keep-all;overflow-wrap:anywhere}.gh-steps strong{font-size:1.1rem}.gh-steps li>span:last-child{color:var(--ink-soft);font-size:15px;line-height:1.65}.gh-step-no{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:4px;border-radius:50%;background:var(--sun);color:#35462c;font-weight:800;box-shadow:0 2px 0 var(--sun-deep)}.guide-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.guide-card{display:flex;align-items:center;gap:16px;min-height:76px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:border-color .15s,transform .15s}.guide-card:hover{border-color:#8cc4b3;transform:translateY(-1px)}.guide-card>svg{flex-shrink:0;color:#6b8a7a}.guide-no{flex-shrink:0;width:34px;color:#87a998;font-family:var(--font-display);font-size:1.7rem;font-weight:800;text-align:center}.guide-text{display:grid;gap:2px;flex:1 1;min-width:0;word-break:keep-all;overflow-wrap:anywhere}.guide-text strong{font-size:1.05rem;line-height:1.45}.guide-text span{color:var(--ink-soft);font-size:15px;line-height:1.55}.gh-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.gh-stages a{display:flex;align-items:center;gap:14px;min-height:100px;height:100%;padding:12px 18px 12px 12px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c);border-radius:var(--radius);transition:transform .15s}.gh-stages a:hover{transform:translateY(-1px)}.gh-stages .mascot-art{flex-shrink:0;width:72px;height:72px}.gh-stage-text{display:grid;gap:2px;min-width:0;word-break:keep-all;overflow-wrap:anywhere}.gh-stage-top{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;color:var(--ink-soft);font-size:14px}.gh-stage-top b{color:var(--ink);font-size:15px}.gh-stage-text strong{font-size:1.02rem;line-height:1.45}.gh-stage-meta{color:var(--ink-soft);font-size:14px}.gh-faq{display:grid;gap:8px}.gh-faq details{background:#fff;border:1px solid var(--line);border-radius:14px}.gh-faq summary{padding:14px 18px;font-weight:700;cursor:pointer;word-break:keep-all}.gh-faq p{margin:0;padding:0 18px 16px;color:#3f5548;word-break:keep-all;overflow-wrap:anywhere}.blog-list{position:relative;display:grid;gap:16px;margin:0;padding:0;list-style:none}.blog-item{display:grid;grid-template-columns:136px minmax(0,1fr);gap:18px}.blog-date{position:relative;padding-top:18px;color:var(--ink-soft);font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.blog-card{display:flex;align-items:center;gap:18px;min-height:120px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:border-color .15s,transform .15s}.blog-card:hover{border-color:#8cc4b3;transform:translateY(-1px)}.blog-text{display:grid;justify-items:start;gap:5px;flex:1 1;min-width:0;word-break:keep-all;overflow-wrap:anywhere}.blog-title{font-size:1.12rem;line-height:1.45}.blog-desc{color:var(--ink-soft);font-size:15px;line-height:1.6}.blog-thumb{flex:0 0 148px;align-self:stretch;display:flex;align-items:center;justify-content:center;max-height:112px;padding:8px;overflow:hidden;border-radius:10px;background:#f3f8f0}.blog-thumb img{width:100%;height:100%;max-height:96px;object-fit:contain}.art-tag{display:inline-block;padding:2px 10px;border-radius:99px;font-size:14px;font-weight:800;line-height:1.5;white-space:nowrap}.art-tag.is-news{background:#e5f5ee;color:#0b6f64}.art-tag.is-new{background:#fff2cf;color:#6e5100}.art-tag.is-improved{background:#e3f0f9;color:#1c5a80}.art-article{width:min(760px,calc(100% - var(--gutter) * 2));margin-inline:auto;padding-top:24px}.art-crumbs{gap:6px;margin-bottom:18px;font-size:14px}.art-crumbs,.art-meta{display:flex;flex-wrap:wrap;align-items:center;color:var(--ink-soft)}.art-meta{gap:8px 12px;margin:0 0 10px;font-size:15px}.art-head h1{margin-bottom:20px;font-size:clamp(1.8rem,4.6vw,2.5rem);word-break:keep-all;overflow-wrap:anywhere}.art-answer{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background-color:#f3f9f1;background-image:linear-gradient(var(--art-grid) 1px,transparent 1px),linear-gradient(90deg,var(--art-grid) 1px,transparent 1px);background-size:22px 22px;border:2px solid #cfe2d5;border-radius:var(--radius)}.art-answer .mascot-art{flex-shrink:0;width:64px;height:64px}.art-answer p{margin:0;color:var(--ink);font-size:1.06rem;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}.art-answer b{display:block;color:var(--art-green);font-size:14px;font-weight:800}.art-body{padding-top:8px;font-size:1.0625rem;line-height:1.85}.art-body section{margin-top:36px}.art-body h2{margin:0 0 12px;font-size:clamp(1.3rem,3vw,1.55rem)}.art-body h2,.art-body li,.art-body p{word-break:keep-all;overflow-wrap:anywhere}.art-body li,.art-body p{color:#33483c}.art-body p{margin:0 0 1em}.art-body ol,.art-body ul{margin:0 0 1.1em;padding-left:1.35em}.art-body li{margin-bottom:.4em;padding-left:.2em}.art-body li::marker{color:#2f8f78;font-weight:800}.art-body strong{color:var(--ink)}.art-note{padding:14px 18px;background:var(--accent-soft);border-left:5px solid var(--sun-deep);border-radius:0 12px 12px 0}.art-fig{margin:8px 0 24px}.art-fig img{display:block;width:100%;height:auto;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 22px #264b3312}.art-fig figcaption{margin-top:10px;color:var(--ink-soft);font-size:15px;line-height:1.55;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.art-table{margin:0 0 1.2em;overflow-x:auto}.art-table table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.55}.art-table td,.art-table th{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;word-break:keep-all;overflow-wrap:anywhere}.art-table th{background:var(--paper-2);font-weight:800}.art-table td{color:#33483c}.art-cta{margin:32px 0 0;text-align:center}.art-more{margin-top:48px}.art-more h2{font-size:1.3rem;margin-bottom:14px}.art-more .blog-item{grid-template-columns:minmax(0,1fr);gap:4px}.art-more .blog-date{padding-top:0}.art-more .blog-thumb{display:none}@media (max-width:760px){.art-hero-in{gap:12px}.gh-steps{grid-template-columns:minmax(0,1fr)}.gh-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;padding:16px}.gh-step-no{grid-row:span 2;margin:0}.blog-item,.gh-stages{grid-template-columns:minmax(0,1fr)}.blog-item{gap:4px}.blog-date{padding-top:0}.blog-thumb{display:none}.art-answer{flex-direction:column;gap:8px;padding:16px}.art-answer .mascot-art{width:52px;height:52px}.art-body{font-size:1.03rem}}@media (max-width:480px){.art-hero-art .mascot-art{width:68px}.art-hero-art .mascot-art+.mascot-art:nth-child(n+3){display:none}.guide-card{gap:10px;padding:12px 14px}.guide-no{width:24px;font-size:1.3rem}}