.endo-page{background:#fffdf7;color:#21464d;--endo-accent:var(--user-accent,#2c6c77);font-size:var(--user-body-size,17px)}
.endo-page img{max-width:100%}.endo-page .container{max-width:1180px}.endo-page a,.endo-page button{-webkit-tap-highlight-color:transparent}.endo-page [id]{scroll-margin-top:112px}.endo-page h1,.endo-page h2,.endo-page h3,.endo-page h4{color:#20454d;line-height:1.5}.endo-kicker{display:block;font-size:12px;letter-spacing:1px;color:#5a7775;margin-bottom:10px}.endo-back{display:inline-block;margin-bottom:20px;color:#426b6a;font-size:14px}.endo-hero{padding:48px 0;background:linear-gradient(130deg,#e4eeea,#fff8ed)}.endo-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:44px}.endo-hero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.4;margin:10px 0 20px}.endo-hero p{font-size:19px;line-height:2;margin-bottom:24px;color:#526e6d}.endo-hero-art{margin:0;border:1px solid #dcd5c5;border-radius:30px;overflow:hidden;background:#fffcf5;box-shadow:0 22px 48px #214c3e15}.endo-hero-art img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}.endo-hero-art figcaption{padding:15px;text-align:center;font-size:12px;line-height:1.9;color:#597775}.endo-section-nav{background:#fffaf0;border-block:1px solid #e8e3d6}.endo-section-nav .container{display:flex;gap:28px;flex-wrap:wrap;padding-block:15px}.endo-section-nav a{font-size:14px;color:#375f66;min-height:36px;display:inline-flex;align-items:center}.endo-guide{padding:38px 0 44px}.endo-guide h2{font-size:30px;margin:0 0 16px}.endo-guide>div>p{color:#617d7d;line-height:1.9}.endo-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 20px;margin-top:28px}.endo-topic-icon{display:block;min-width:0;text-decoration:none;color:#264d53;text-align:center;border-radius:16px}.endo-topic-icon img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #dedccf;border-radius:20px;box-shadow:0 5px 14px #25493e12;transition:transform .16s}.endo-topic-icon:hover img{transform:translateY(-3px)}.endo-topic-icon>span{display:block;margin-top:10px;font-size:14px;font-weight:700;line-height:1.8;overflow-wrap:anywhere}.endo-topic-icon small{display:block;margin-top:3px;font-size:11px;line-height:1.7;color:#728281}.endo-guide-note{font-size:13px;margin-top:28px}.endo-details{padding:24px 0 56px;background:linear-gradient(180deg,#f1f4ed,#fffcf4)}.endo-group-heading{padding:26px 0 16px}.endo-group-heading span{font-size:12px;color:#6a8581}.endo-group-heading h2{font-size:30px;margin:8px 0}.endo-method{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid #dedecf;border-radius:28px;overflow:hidden;background:#fffdf7;margin:18px 0 28px;box-shadow:0 14px 32px #25493e08;align-items:start}.endo-method-visual{padding:18px}.endo-zoom{border:0;background:#f9f7ed;padding:0;width:100%;display:block;cursor:zoom-in;border-radius:20px;overflow:hidden;color:#557270;font:inherit}.endo-zoom img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.endo-zoom>span{display:block;padding:12px;font-size:12px;line-height:1.7;background:#fcfaf3}.endo-method-copy{padding:30px}.endo-method h3{font-size:26px;margin:8px 0 18px}.endo-method p{font-size:16px;line-height:2;margin:0 0 16px;color:#4d6969}.endo-method h4{font-size:16px;margin:22px 0 10px}.endo-method ol{padding-right:24px;line-height:2;font-size:15px;color:#4d6969}.endo-tools{background:#eef4ef;border-right:3px solid var(--endo-accent);padding:15px 18px;border-radius:12px}.endo-tools b{font-size:14px}.endo-tools p{font-size:14px;margin:6px 0 0}.endo-method-links{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.endo-method-links a,.endo-related{font-size:12px;line-height:1.8;color:#416d75;min-height:36px;display:inline-flex;align-items:center}.endo-related{display:block;margin-top:10px;font-size:14px}.endo-page .clinic-guide-doctor{background:#fffdf7}.endo-page .clinic-guide-doctor-card{border-color:#ddd8c7}.endo-visit{padding:48px 0;background:#edf3ed}.endo-visit-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px}.endo-visit h2{font-size:29px}.endo-visit h3{font-size:22px}.endo-visit p{font-size:16px;line-height:2;color:#526d6b}.endo-custom{padding:30px 0}.endo-custom a{display:inline-block;padding:12px}.endo-page :is(a,button):focus-visible{outline:3px solid var(--endo-accent);outline-offset:4px}.endo-gallery{width:min(980px,94vw);max-height:94svh;padding:16px;border:1px solid #d7d7c9;border-radius:24px;background:#fffdf7;color:#21464d;overflow:auto}.endo-gallery::backdrop{background:#102d34bf;backdrop-filter:blur(5px)}.endo-gallery-bar{display:flex;gap:16px;align-items:center;justify-content:space-between}.endo-gallery h2{font-size:20px;margin:0}.endo-gallery-bar button{min-width:48px;min-height:48px;border:0;border-radius:50%;background:#edf3ed;font-size:28px;cursor:pointer;color:#21464d}.endo-gallery img{display:block;max-height:72svh;width:100%;object-fit:contain;margin-top:12px}.endo-gallery>p{text-align:center;font-size:12px;color:#6b7d7c}.endo-gallery:focus-visible{outline:3px solid #2c6c77}
@media(max-width:950px){.endo-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.endo-hero-grid{gap:24px}.endo-method-copy{padding:24px}}
@media(max-width:700px){.endo-hero{padding:30px 0}.endo-hero-grid,.endo-method,.endo-visit-grid{grid-template-columns:1fr;gap:24px}.endo-hero h1{font-size:36px}.endo-hero p{font-size:17px}.endo-hero-art{border-radius:24px}.endo-section-nav .container{gap:10px 22px;padding-block:10px}.endo-method{gap:0;border-radius:24px}.endo-method-visual{padding:12px}.endo-method-copy{padding:24px}.endo-method h3{font-size:24px}.endo-visit{padding:32px 0}.endo-visit-grid{gap:16px}}
@media(max-width:600px){.endo-guide{padding:30px 0}.endo-guide h2,.endo-group-heading h2{font-size:25px}.endo-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.endo-topic-icon img{border-radius:16px}.endo-topic-icon>span{font-size:12px;margin-top:8px}.endo-topic-icon small{font-size:10px}.endo-guide-note{font-size:12px}.endo-method p{font-size:16px}.endo-method-links{gap:10px}.endo-page .inline-actions{gap:12px}.endo-page .btn{min-height:46px;font-size:14px}.endo-page .container{width:calc(100% - 30px)}.endo-gallery{padding:12px}.endo-gallery h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.endo-topic-icon img{transition:none}.endo-page{scroll-behavior:auto}}
.endo-hero-art img,.endo-zoom img{height:auto}