:root{--ink:#102039;--sub:#4a607a;--teal:#08bdc7;--blue:#effaff;--line:#d7e9f2;--link:#006f8e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fcff;color:var(--ink);font:16px/1.56 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.shell{width:min(1140px,calc(100% - 36px));margin-inline:auto}.site-head{background:#101e32;color:#f4faff}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:73px}.brand{font-weight:850;letter-spacing:.09em;color:#fff;text-decoration:none;white-space:nowrap;font-size:1.2rem}.brand span{color:#20cad4}.site-head nav{display:flex;flex-wrap:wrap;gap:8px 17px}.site-head nav a{color:#e5edf6;text-decoration:none;font-size:.9rem}.site-head nav a:hover,.site-head nav [aria-current]{color:#45dce5}.page-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:203px;padding:35px 15px 28px}.page-intro>div{min-width:0}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#007f91;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.95rem,3.4vw,2.9rem);letter-spacing:-.044em;line-height:1.14;margin-bottom:10px}h1 span{white-space:normal}.dek{color:var(--sub);font-size:1.08rem;margin-bottom:10px}.accent{width:60px;height:4px;background:var(--teal);border-radius:10px}.clipboard{width:260px;max-width:30%;height:auto;object-fit:contain;flex:none}.panel{background:white;border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 7px 21px rgba(8,60,84,.04);margin-bottom:17px}.screen-first{display:grid;grid-template-columns:52px minmax(0,1fr) 207px;gap:16px;background:linear-gradient(112deg,#f8feff,#fff)}.section-icon{flex:none;display:grid;place-items:center;background:#a4eef2;color:#093d53;font-size:1.6rem;font-weight:850;width:49px;height:49px;border-radius:12px;line-height:1}.section-body h2{margin:0 0 6px}.section-body p:last-child{margin-bottom:0}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}.section-heading h2{margin:0}.section-heading p{color:var(--sub);margin:0;font-size:.91rem}h2{font-size:1.44rem;line-height:1.2;letter-spacing:-.025em}h3{font-size:1.04rem;line-height:1.3;margin-bottom:5px}.notice{align-self:center;background:#fff4d9;border:1px solid #ffcf63;padding:15px;border-radius:13px;font-size:.9rem}.notice strong{display:block;color:#855000;font-size:1.04rem}.notice span{display:block}.part-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.part{border:1px solid var(--line);border-radius:11px;padding:13px;min-width:0;background:linear-gradient(#fff,#fbfdff)}.part-icon{height:80px;display:grid;place-items:center;font-size:3.1rem;line-height:1;font-weight:800;color:#087a96;text-shadow:0 6px 20px #b7eaf1}.part-icon:not(:empty){letter-spacing:-.06em}.part h3{font-size:.95rem}.part p{font-size:.82rem;line-height:1.4;color:var(--sub);margin:0 0 5px}.part a,.part-tag{font-size:.8rem}.part-tag{color:#667185;font-style:italic}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.twocol>.panel,.stack .panel{margin-bottom:16px}.stack{min-width:0}.items{display:grid;gap:16px;padding-top:6px}.item{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px}.item-symbol{display:grid;place-items:center;width:47px;height:47px;color:#136f85;font-size:2rem;background:#eafbfe;border-radius:12px}.item strong{display:block}.item p{color:var(--sub);margin:1px 0 0;font-size:.91rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}th,td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eff7fc;color:#29445e}td:nth-child(2){font-weight:800}.small-note{font-size:.83rem;color:#566a81;margin:12px 0 0}.bottom-cards .panel{height:calc(100% - 16px)}.ticklist{padding-left:0;list-style:none}.ticklist li{position:relative;padding:5px 0 5px 30px}.ticklist li:before{content:'✓';position:absolute;left:0;top:6px;display:grid;place-items:center;background:#139b73;color:white;border-radius:50%;width:21px;height:21px;font-size:.79rem;font-weight:900}.explainer{background:#fff;border-radius:20px;padding:30px;border:1px solid var(--line);margin:10px 0 23px}.explainer h2{font-size:1.75rem}.explain-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:18px}.explain-grid p{color:var(--sub);margin-bottom:0}.more{text-align:center;padding:25px 16px 45px}.more-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 24px;font-weight:700}.site-foot{background:#101e32;color:#dce6f1;padding:27px 0;font-size:.85rem}.site-foot a{color:#b4eef0}.site-foot p:last-child{margin-bottom:0}@media(max-width:980px){.part-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-head nav{gap:8px 12px}.screen-first{grid-template-columns:47px minmax(0,1fr)}.screen-first .notice{grid-column:2;align-self:stretch}}@media(max-width:700px){.shell{width:min(100% - 26px,1140px)}.head-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:13px 0;gap:10px}.page-intro{min-height:auto;align-items:center;padding:27px 1px}.page-intro .clipboard{max-width:35%;width:165px}.twocol,.explain-grid{grid-template-columns:1fr}.bottom-cards .panel{height:auto}.part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.part-icon{height:60px;font-size:2.5rem}.panel{padding:16px}.screen-first{gap:10px}.explainer{padding:21px}.page-intro h1{font-size:1.9rem}.dek{font-size:.96rem}}@media(max-width:430px){.page-intro .clipboard{max-width:32%;width:115px}.screen-first{grid-template-columns:1fr}.screen-first>.section-icon{display:none}.screen-first .notice{grid-column:1}.part-grid{gap:8px}.part{padding:9px}.part h3{font-size:.87rem}}

/* v2: prominent, responsive OCA option warning; no text overlap */
.bonding-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0}
.bonding-star{width:202px;height:170px;max-width:100%;display:grid;place-items:center;background:#e52628;color:#fff;clip-path:polygon(50% 0%,59% 15%,72% 4%,76% 23%,95% 17%,89% 36%,100% 50%,88% 62%,97% 82%,78% 79%,72% 98%,58% 86%,50% 100%,40% 85%,26% 97%,23% 78%,3% 83%,13% 63%,0% 51%,14% 39%,5% 19%,25% 23%,29% 4%,41% 16%);filter:drop-shadow(0 2px 1px rgba(115,13,15,.2));text-align:center}
.bonding-star span{display:block;font-weight:950;font-size:1.08rem;line-height:1.3;letter-spacing:.012em;text-shadow:0 1px 1px #981313;transform:rotate(-4deg);padding:0 32px}
.bonding-warning .notice{width:100%;align-self:stretch}
@media(max-width:980px){.bonding-warning{grid-column:2;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.bonding-star{flex:0 0 185px;height:152px}.bonding-warning .notice{flex:1}}
@media(max-width:700px){.bonding-warning{flex-direction:column;align-items:stretch}.bonding-star{align-self:center;flex:0 0 auto;width:202px;height:170px}}
@media(max-width:430px){.bonding-warning{grid-column:1}}