/* Shared OBLINK primitives. Load on home, products and research after component/global CSS. */
.ob-product-mark{display:block;flex:none;width:24px;height:24px;fill:currentColor;overflow:visible}
.ob-line-icon{display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ob-app-brand{display:flex;align-items:center;gap:10px;color:var(--brand-paper-text,#202923);font:650 18px/1.25 var(--brand-font,Pretendard,system-ui,sans-serif);letter-spacing:-.03em}
.ob-app-brand>span{display:flex;align-items:baseline;gap:7px}.ob-app-brand small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--brand-paper-muted,#59685e)}
.ob-app-brand .ob-product-mark{width:22px;height:22px;color:var(--brand-action,#315f51)}
:is(.pd-ob-care,.ob-scene,.ob-home-teaser) .ob-reading-value{display:block;margin:5px 0 0;font:550 48px/1.2 var(--brand-font,Pretendard,system-ui,sans-serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--brand-paper-text,#202923)}
:is(.pd-ob-care,.ob-scene,.ob-home-teaser) .ob-reading-value small{display:inline-block;margin-left:7px;font-size:13px;font-weight:400;letter-spacing:0;color:var(--brand-paper-muted,#59685e)}
.ob-device-signal{display:flex;align-items:flex-end;gap:2px;height:12px}.ob-device-signal i{display:block;width:3px;background:currentColor;height:5px}.ob-device-signal i:nth-child(2){height:8px}.ob-device-signal i:nth-child(3){height:11px}
.ob-product-nav{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:36px;padding-top:22px;border-top:1px solid var(--brand-line,#39443d)}.ob-product-nav a{display:inline-flex;align-items:center;min-height:var(--brand-control-h,44px);font-size:14px;text-decoration:none;color:var(--brand-text,#eeeae0)}.ob-product-nav a:hover{text-decoration:underline;text-underline-offset:6px}.ob-product-nav a:focus-visible{outline:3px solid var(--brand-accent,#94b8aa);outline-offset:4px}
/* Home teaser uses its own namespace; foundation layout can treat the figure as one item. */
.ob-home-teaser{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:center;min-width:0;margin:0;padding:36px;border:1px solid var(--brand-line,#39443d);border-radius:var(--brand-radius,3px);background:var(--brand-surface,#1c211e);color:var(--brand-text,#eeeae0);font-family:var(--brand-font,Pretendard,system-ui,sans-serif)}
.ob-home-teaser *,.ob-home-teaser *::before,.ob-home-teaser *::after{box-sizing:border-box}.ob-home-teaser :where(p,h3,figure){margin:0}.ob-home-context>span{font-size:12px;color:var(--brand-muted,#b2b8b0);letter-spacing:.04em}.ob-home-context p{margin-top:18px;font-size:clamp(21px,2.1vw,29px);line-height:1.5;letter-spacing:-.035em;font-weight:550}.ob-home-context .ob-home-context-note{display:block;margin-top:22px;font-size:12px}
.ob-home-phone{width:300px;max-width:100%;min-width:0;justify-self:center;padding:6px;border:1px solid #505c52;border-radius:31px;background:#161c18;color:var(--brand-paper-text,#202923);box-shadow:0 18px 30px #0002;overflow:hidden}
.ob-home-phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 18px 8px;border-radius:24px 24px 0 0;background:var(--brand-paper,#efede6);font-size:12px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums}.ob-home-phone-status>i{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:78px;height:17px;border-radius:10px;background:#161c18}.ob-home-phone-appbar{display:flex;align-items:center;min-height:66px;padding:16px;border-bottom:1px solid var(--brand-paper-line,#c6ccc4);background:var(--brand-paper,#efede6)}
.ob-home-phone-content{padding:22px 16px 0;background:var(--brand-paper,#efede6)}.ob-home-phone-title h3{font-size:19px;font-weight:650;line-height:1.4;letter-spacing:-.03em;color:var(--brand-paper-text,#202923)}.ob-home-phone-title>span{display:block;margin-top:6px;font-size:12px;color:var(--brand-paper-muted,#59685e)}
.ob-home-phone-reading{margin-top:24px;padding:0 0 20px;background:none;border:0}.ob-home-phone-reading>span,.ob-home-phone-reading>small{display:block;font-size:12px;line-height:1.6;color:var(--brand-paper-muted,#59685e)}.ob-home-phone-reading>small{margin-top:7px}.ob-home-phone-reading svg{display:block;width:100%;height:70px;margin-top:20px;overflow:visible}.ob-home-chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--brand-paper-muted,#59685e);margin-top:7px}
.ob-home-phone-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--brand-paper-line,#c6ccc4);font-size:13px}.ob-home-phone-row>span>small{display:block;margin-top:3px;font-size:12px;color:var(--brand-paper-muted,#59685e)}.ob-home-phone-row>strong{font-size:20px;font-weight:550;font-variant-numeric:tabular-nums}.ob-home-phone-row>strong>small{font-size:12px;font-weight:400;color:var(--brand-paper-muted,#59685e)}
.ob-home-phone-bottom{display:flex;justify-content:space-around;padding:15px 0 10px;margin-top:5px;border-top:1px solid var(--brand-paper-line,#c6ccc4);font-size:12px;color:var(--brand-paper-muted,#59685e)}.ob-home-phone-bottom b{font-weight:650;color:var(--brand-action,#315f51)}.ob-home-phone-home{position:relative;height:19px;border-radius:0 0 24px 24px;background:var(--brand-paper,#efede6)}.ob-home-phone-home::after{content:"";position:absolute;left:50%;top:5px;transform:translateX(-50%);width:92px;height:4px;border-radius:3px;background:#3a433b}
.ob-home-teaser>figcaption{grid-column:1/-1;font-size:12px;line-height:1.75;color:var(--brand-muted,#b2b8b0);padding-top:4px}
@media(max-width:1050px){.ob-home-teaser{grid-template-columns:1fr;padding:28px;gap:24px}.ob-home-context p{font-size:25px}.ob-home-context p br{display:none}.ob-home-context .ob-home-context-note{margin-top:12px}.ob-home-phone{width:320px}}
@media(max-width:430px){.ob-home-teaser{padding:22px 14px}.ob-home-phone{width:300px}.ob-home-context{padding:0 4px}.ob-home-context p{font-size:23px}.ob-home-teaser>figcaption{padding:0 4px}.ob-product-nav{gap:8px 20px}.ob-product-nav a{font-size:13px}}

#pd-ob-title,#health-data,#research-workspace{scroll-margin-top:100px}

.ob-scope{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;padding-block:64px;border-top:1px solid var(--brand-line)}.ob-scope h2{font-size:clamp(26px,3vw,38px);font-weight:550;line-height:1.4;margin-top:15px;letter-spacing:-.035em}.ob-scope>div>p:not(.ox-eyebrow){color:var(--brand-muted);line-height:1.85}.ob-scope .ox-caption{margin-top:18px;font-size:13px}@media(max-width:700px){.ob-scope{grid-template-columns:1fr;gap:24px;padding-block:42px}}