/* index_hi 전용: 기존 페이지 컬러와 디자인을 유지하는 리포트·안내 확장 */
.hi-context{padding:80px 24px;background:#fff}.hi-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin:40px auto 0}.hi-context-grid article{background:#fafafa;border:1px solid #efefef;border-radius:24px;padding:30px}.hi-context h3{font-size:24px;line-height:1.5;letter-spacing:-.02em}.hi-context-grid p{font-size:16px;line-height:1.8;margin-top:14px;color:var(--dim80)}.hi-context-grid .btn{margin-top:24px;height:auto;min-height:50px;white-space:normal}.hi-domain{display:block;font-size:14px;color:var(--dim50);margin-bottom:14px}.hi-context-note{max-width:960px;margin:28px auto 0;font-size:13px;line-height:1.8;text-align:center;color:var(--dim80)}.hi-field-grid{max-width:1100px;margin:40px auto 0;display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.hi-field-grid figure{margin:0;min-width:0}.hi-field-grid img{width:100%;height:340px;object-fit:cover;border-radius:20px}.hi-field-grid figcaption{font-size:14px;line-height:1.7;margin-top:14px;color:var(--dim80)}.report-sample-open{margin-top:24px;border:0;cursor:pointer;font-family:inherit;font-size:14px}.hi-context button{font-family:inherit;cursor:pointer;border:0}
.hi-floating{position:fixed;z-index:45;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:24px;width:264px;border-radius:24px;background:#fff;box-shadow:0 6px 28px #0003;padding:6px}.hi-floating>.btn{width:100%;border:0;min-height:48px;height:auto;padding:12px;font-size:14px;cursor:pointer;font-family:inherit}.hi-floating>div{display:flex;justify-content:space-around;margin-top:3px}.hi-floating>div button{font-family:inherit;cursor:pointer;background:transparent;border:0;min-height:44px;padding:8px;font-size:12px;color:#000}.hi-floating>div button:hover{text-decoration:underline}.foot{padding-bottom:155px}.report-txt h2{overflow-wrap:anywhere}
body.hi-modal-open{overflow:hidden}#hi-sample-dialog{width:min(1040px,calc(100% - 40px));max-width:100%;max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:24px;background:#fff;color:#000;overscroll-behavior:contain;font-family:var(--font);margin:auto;overflow-y:auto}#hi-sample-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}#hi-sample-dialog [hidden]{display:none!important}.hi-modal-header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:16px}.hi-modal-header small{font-size:11px;letter-spacing:.08em;color:#666}.hi-modal-header h2{font-size:26px;line-height:1.3;margin-top:8px}.hi-modal-header button{flex:none;border:0;border-radius:50%;width:44px;height:44px;background:#f4f4f4;color:#000;font-size:30px;cursor:pointer}.hi-modal-body{padding:24px 32px 36px}.hi-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:#f4f4f4;border-radius:16px;margin-bottom:24px}.hi-tabs button{border:0;background:transparent;border-radius:12px;min-height:48px;padding:8px;font:600 15px var(--font);cursor:pointer;color:#555}.hi-tabs [aria-selected=true]{background:#000;color:#fff}.hi-modal-body [role=tabpanel]{outline-offset:4px;min-width:0}.hi-modal-body h3{font-size:24px;line-height:1.5}.hi-modal-body p{font-size:15px;line-height:1.85;margin-top:12px;color:#555}.hi-reading{padding:20px 24px;background:#f7f7f7;border-radius:16px;margin-top:22px}.hi-reading strong{font-size:15px}.hi-reading p{margin-top:8px}.hi-formats{display:flex;gap:10px;margin:24px 0 16px;border-bottom:1px solid #ddd}.hi-formats button{font:500 14px var(--font);color:#555;background:none;border:0;border-bottom:2px solid transparent;min-height:48px;padding:10px 8px;cursor:pointer}.hi-formats [aria-pressed=true]{border-color:#000;color:#000;font-weight:700}.hi-format-view figure{margin:20px 0 0}.hi-format-view img{width:100%;height:auto;border:1px solid #eee;border-radius:8px}.hi-format-view figcaption{font-size:12px;text-align:center;color:#666;line-height:1.8;margin-top:10px}.hi-mobile figure{max-width:360px;margin-inline:auto}.hi-modal-body .hi-sample-note{font-size:13px;color:#555}.hi-detail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hi-detail .hi-sample-note{grid-column:1/-1}.hi-guide-list{padding-left:24px;margin-top:24px}.hi-guide-list li{padding:12px 0 18px 8px}.hi-guide-list h4{font-size:18px;line-height:1.5}.hi-guide-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.hi-guide-links a{font-size:14px;font-weight:600;line-height:1.6;text-decoration:underline;text-underline-offset:4px;padding-block:12px}.hi-modal-body .hi-modal-note{font-size:12px;color:#666;border-top:1px solid #eee;margin-top:28px;padding-top:20px}
@media(min-width:1200px){.hi-context{padding:140px 40px}}
@media(max-width:809px){.hi-context{padding:64px 20px}.hi-context-grid,.hi-field-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.hi-context-grid article{padding:24px}.hi-context h3{font-size:21px}.hi-context-grid p{font-size:15px}.hi-context-note{text-align:left}.hi-field-grid img{height:250px}.hi-floating{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:246px}.foot{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}#hi-sample-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 8px);margin:auto auto 0;border-radius:24px 24px 0 0}.hi-modal-header{padding:18px 20px}.hi-modal-header h2{font-size:22px}.hi-modal-body{padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px))}.hi-tabs button{font-size:12px;padding:6px 3px}.hi-modal-body h3{font-size:21px}.hi-reading{padding:18px}.hi-formats{gap:2px}.hi-formats button{font-size:12px;flex:1;padding:8px 3px}.hi-detail{grid-template-columns:1fr}.hi-modal-body p{font-size:14px}.hi-context .title{overflow-wrap:anywhere}}
@media print{.hi-floating,#hi-sample-dialog{display:none!important}}

/* 상단 1/2만 선명하게 제공하는 샘플 미리보기 */
.hi-blurred-preview{position:relative;overflow:hidden;border-radius:8px;isolation:isolate}
.hi-blurred-preview::after{content:"";position:absolute;z-index:1;inset:50% 0 0;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.hi-blurred-preview img{display:block;user-select:none;-webkit-user-drag:none}

/* 피지컬 종합결과·관절초음파평가 상세 이미지는 상단 1/3만 공개 */
#hi-physical-standard .hi-blurred-preview::after{inset:33.333% 0 0}
/* 원본 부모님 안내서 11개 주제를 사진과 함께 읽는 FAQ */
#parent-faq{max-width:1000px;scroll-margin-top:100px}.faq-intro{margin-bottom:22px}.faq-topics{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}.faq-topics a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #e5e5e5;border-radius:30px;font-size:14px}.faq-topics a:hover{background:#f6f6f6}.faq-group{font-size:14px;color:var(--dim50);padding-top:24px;margin-top:16px;scroll-margin-top:100px}#parent-faq>h3{font-size:28px}#parent-faq summary{padding-block:16px;min-height:54px}#parent-faq .faq-answer{padding:8px 16px 20px}.faq-answer>h4{font-size:23px;line-height:1.5;margin:8px 0 18px;letter-spacing:-.02em}.faq-answer p{max-width:850px}.faq-answer figure{margin:24px 0 0}.faq-answer>figure{max-width:280px;margin-inline:auto}.faq-answer img{display:block;width:100%;height:auto;border-radius:16px}.faq-answer figcaption{margin-top:12px;font-size:12px;color:var(--dim80);line-height:1.7}.faq-callout{padding:22px 24px;background:#fafafa;border:1px solid #efefef;border-radius:20px;margin-top:24px}.faq-callout strong{font-size:16px;line-height:1.6}.faq-answer .faq-small{font-size:12px}.faq-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:24px}.faq-actions a:not(.btn){min-height:44px;padding-block:10px;text-decoration:underline;text-underline-offset:4px;font-size:14px;line-height:1.7}.faq-answer button.btn{margin-top:24px;border:0;font-family:inherit;cursor:pointer;white-space:normal;height:auto;min-height:50px}.faq-photos{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:8px}.faq-photos img{height:260px;object-fit:cover}.faq-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faq-people img{height:210px;object-fit:cover;object-position:50% 20%}.faq-model{margin:24px 0 0;padding:0}.faq-model>div{padding:18px 0;border-bottom:1px solid #eee}.faq-model dt{font-size:16px;font-weight:700}.faq-model dd{font-size:15px;line-height:1.8;color:var(--dim80);margin:8px 0 0}
@media(max-width:809px){#parent-faq>h3{font-size:24px}#parent-faq .faq-answer{padding:4px 0 20px}.faq-answer>h4{font-size:21px}.faq-topics{gap:8px}.faq-topics a{font-size:12px;padding:8px 12px}.faq-callout{padding:20px}.faq-photos{grid-template-columns:1fr;gap:0}.faq-photos img{height:230px}.faq-people{grid-template-columns:1fr;gap:0}.faq-people figure{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:18px;margin-top:20px}.faq-people img{height:110px;border-radius:12px}.faq-people figcaption{margin:0;font-size:14px}}

/* 세 명의 팀원: 모바일 세로 배치, PC 동일 너비 */
@media(min-width:810px){.team .people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px;margin-inline:auto}.team .person{width:auto;min-width:0}}



/* 창의 크기는 유지하고 인물별 머리 위 여백과 얼굴 크기를 정렬 */
.team-portrait{position:relative;height:240px;overflow:hidden;border-radius:12px;background:#f0f0f0}
.team .person .team-portrait img{position:absolute;left:50%;width:auto;max-width:none;height:var(--portrait-height);top:var(--portrait-top);transform:translateX(var(--portrait-x,-50%));border-radius:0;background:transparent;object-fit:contain;object-position:center}
.portrait-lee{--portrait-height:112.6%;--portrait-top:-2%;--portrait-x:-51.3%;background:#e4ebf0}
.portrait-kim{--portrait-height:102.4%;--portrait-top:.5%;--portrait-x:-51.3%;background:#fff}
.portrait-hwang{--portrait-height:97.7%;--portrait-top:10.6%;--portrait-x:-48%}
@media(min-width:1200px){.team-portrait{height:clamp(360px,30vw,440px);border-radius:18px}}

/* Translucent glass dock with a metallic rim and reflected highlights. */
.hi-floating{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 0%,#ffffffc9,transparent 60%),linear-gradient(135deg,#ffffffa8,#e8ecf080 48%,#ffffffb0);border:1px solid #ffffffc7;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:0 12px 36px #0002,inset 0 1px 0 #fff,inset 0 -1px 0 #b7c1cd80}
.hi-floating::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid #ffffff73;background:linear-gradient(160deg,#ffffff45,transparent 42%,#ffffff24)}
.hi-floating>.btn{position:relative;background:linear-gradient(160deg,#25272ce8,#08090ed9);border:1px solid #ffffff5c;box-shadow:0 3px 12px #0002,inset 0 1px 0 #ffffff3b}
.hi-floating>div{position:relative}.hi-floating>div button{border-radius:18px;transition:background .2s}.hi-floating>div button:hover{background:#ffffff70}
.blog-card img{object-position:72% 5%}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hi-floating{background:#f1f3f5ed}}
