/* "Normal, or call us?" (things-nobody-tells-you-after-implant-surgery, #numbness): owner-approved and locked 2026-10-29
   (Daniel: "approved. send to lead to give to claude for publishing...."; Codex normal-or-call v002, final orange outline). Site placement of the locked
   style.css: every rule scoped to .dio-normal-or-call, h1/h2 rules restyle the h3/h4, the review shell, body rules and @font-face dropped
   (fonts.css supplies Nunito Sans). The arch band masks the site's own assets/arch-tile.svg (resolved from this stylesheet's folder).
   Values are unchanged. Clinical review stays awaiting sign-off, separate from this design approval. */
.dio-normal-or-call .nc-figure{margin:0;container-type:inline-size;color:#2f4452;font-family:"Avenir Next",Avenir,"Nunito Sans",system-ui,sans-serif}
.dio-normal-or-call .nc-figure *{box-sizing:border-box}
.dio-normal-or-call .nc-stage{background:#f5f7f7;overflow:hidden;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}
.dio-normal-or-call .nc-heading{position:relative;isolation:isolate;overflow:hidden;padding:22px 28px 20px;background:#e8eff3;border-bottom:1px solid #cad5da}
.dio-normal-or-call .nc-heading h3.nc-title{position:relative;margin:0;font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.025em}
.dio-normal-or-call .nc-arch{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  -webkit-mask-image:url(../../arch-tile.svg),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 40%,rgba(0,0,0,.45) 72%,#000);
  mask-image:url(../../arch-tile.svg),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 40%,rgba(0,0,0,.45) 72%,#000);
  -webkit-mask-size:179.4px 179.4px,100% 100%;mask-size:179.4px 179.4px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;
  -webkit-mask-composite:source-in;mask-composite:intersect}
/* resting state is the end frame: steel lines, the orange crest already past */
.dio-normal-or-call .nc-arch>i{position:absolute;inset:0;background:linear-gradient(115deg,rgba(76,114,136,.20) 0%,rgba(76,114,136,.20) 30%,rgba(76,114,136,.34) 40%,rgba(237,135,60,.55) 47%,rgba(76,114,136,.30) 54%,rgba(76,114,136,.20) 64%,rgba(76,114,136,.20) 100%);background-size:300% 100%;background-position:0 0}
.dio-normal-or-call .nc-figure.nc-in:not(.nc-still) .nc-arch>i{animation:nc-header-wave 4.4s cubic-bezier(.45,.05,.35,1) .2s 1 both;animation-play-state:var(--nc-play-state,paused)}
@keyframes nc-header-wave{from{background-position:100% 0}to{background-position:0 0}}

.dio-normal-or-call .nc-content{padding:28px 36px 30px}
.dio-normal-or-call .nc-normal h4{margin:0 0 12px;font-weight:500;font-size:23px;line-height:1.3;letter-spacing:-.018em}
.dio-normal-or-call .nc-observations{list-style:none;padding:0;margin:0}
.dio-normal-or-call .nc-observations li{position:relative;margin:0;padding:12px 0 12px 22px;border-top:1px solid #d9e1e5;font-size:20px;line-height:1.45;font-weight:400}
.dio-normal-or-call .nc-observations li::before{content:"";position:absolute;left:0;top:24px;width:6px;height:6px;border-radius:50%;background:#4c7288}
/* Continuous 2px orange signature frame. Inner diagonal is offset by 2px perpendicular to the 45-degree cut. */
.dio-normal-or-call .nc-calls{--nc-call-cut:20px;position:relative;isolation:isolate;margin-top:24px;padding:0 24px;background:#ed873c;border:0;clip-path:polygon(var(--nc-call-cut) 0,100% 0,100% calc(100% - var(--nc-call-cut)),calc(100% - var(--nc-call-cut)) 100%,0 100%,0 var(--nc-call-cut))}
.dio-normal-or-call .nc-calls::before{content:"";position:absolute;inset:2px;z-index:-1;pointer-events:none;background:#fff;clip-path:polygon(calc(var(--nc-call-cut) - 1.1716px) 0,100% 0,100% calc(100% - var(--nc-call-cut) + 1.1716px),calc(100% - var(--nc-call-cut) + 1.1716px) 100%,0 100%,0 calc(var(--nc-call-cut) - 1.1716px))}
.dio-normal-or-call .nc-call{display:grid;grid-template-columns:28px minmax(0,1fr);gap:15px;padding:21px 0}
.dio-normal-or-call .nc-call+.nc-call{border-top:1px solid #d9e1e5}
.dio-normal-or-call .nc-phone{width:24px;height:24px;fill:none;stroke:#4c7288;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.dio-normal-or-call .nc-call h4{margin:0;font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.015em}
.dio-normal-or-call .nc-call p{margin:7px 0 0;color:#506875;font-size:19px;line-height:1.45}
.dio-normal-or-call .nc-reassurance{margin:24px 0 0;font-size:20px;line-height:1.5}
.dio-normal-or-call .nc-reassurance strong{display:block;font-weight:500}.dio-normal-or-call .nc-reassurance span{display:block;font-size:18px;color:#506875;margin-top:3px}
.dio-normal-or-call .nc-figure figcaption{margin:18px 18px 0;text-align:center;color:#506875;font-weight:400;font-size:15px;line-height:1.5}
.dio-normal-or-call .nc-figure figcaption p{margin:0}.dio-normal-or-call .nc-figure #nc-disclaimer{margin-top:5px}
@container(max-width:560px){.dio-normal-or-call .nc-stage{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.dio-normal-or-call .nc-heading h3.nc-title{font-size:26px;line-height:1.2}.dio-normal-or-call .nc-content{padding:25px 26px 28px}.dio-normal-or-call .nc-normal h4{font-size:22px}.dio-normal-or-call .nc-observations li{font-size:19px;line-height:1.5;padding-left:20px}.dio-normal-or-call .nc-calls{--nc-call-cut:16px;padding:0 20px;margin-top:22px}.dio-normal-or-call .nc-call{grid-template-columns:23px minmax(0,1fr);gap:12px;padding:20px 0}.dio-normal-or-call .nc-phone{width:22px;height:22px}.dio-normal-or-call .nc-call h4{font-size:20px;line-height:1.4}.dio-normal-or-call .nc-call p{font-size:18px}.dio-normal-or-call .nc-reassurance{font-size:20px}.dio-normal-or-call .nc-reassurance span{font-size:17px}.dio-normal-or-call .nc-figure figcaption{margin:17px 10px 0;font-size:15px}}
@container(max-width:340px){.dio-normal-or-call .nc-heading h3.nc-title{font-size:25px}.dio-normal-or-call .nc-content{padding:24px 22px 26px}.dio-normal-or-call .nc-normal h4{font-size:21px}.dio-normal-or-call .nc-observations li{font-size:18px}.dio-normal-or-call .nc-calls{padding:0 16px}.dio-normal-or-call .nc-call{gap:10px;grid-template-columns:22px minmax(0,1fr)}.dio-normal-or-call .nc-call h4{font-size:19px}.dio-normal-or-call .nc-call p{font-size:18px}.dio-normal-or-call .nc-reassurance{font-size:19px}}
@media(prefers-reduced-motion:reduce){.dio-normal-or-call .nc-figure *{animation:none!important;transition:none!important}}
html.reduce-motion .dio-normal-or-call .nc-figure *,html.dio-alive-off .dio-normal-or-call .nc-figure *{animation:none!important;transition:none!important}
.dio-normal-or-call .nc-figure.nc-still .nc-arch>i,html.reduce-motion .dio-normal-or-call .nc-figure .nc-arch>i,html.dio-alive-off .dio-normal-or-call .nc-figure .nc-arch>i{animation:none!important;background-position:0 0}
@media print{.dio-normal-or-call .nc-stage{clip-path:none}}

/* site guards: answer-body rules (section.part p/li, .ans-anim figcaption) must not reach in */
.dio-normal-or-call h3,.dio-normal-or-call h4{font-family:inherit;color:#2f4452;text-transform:none}
.dio-normal-or-call .nc-figure figcaption{padding:0;background:none}
.dio-normal-or-call .nc-observations li{list-style:none}
.dio-normal-or-call svg{max-width:none}
/* Replay / Still view controls restored 2026-11-11 (Daniel: animations get pause or replay; GPT 21:37Z). One row above the figure, right side,
   wrapping on narrow widths, outside the title band; button look, focus ring and print rule follow the adapters that already ship controls. */
.dio-normal-or-call .nc-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0 0 12px;padding:0}
.dio-normal-or-call .nc-controls[hidden]{display:none}
/* 2026-11-11 audit: the controls take the finish of the site's animation toggle (2px steel border, 6px corners, ink focus ring) so every animation's controls match */
.dio-normal-or-call .nc-controls button{font:500 14px/1.2 'Avenir Next',Avenir,'Nunito Sans',system-ui,sans-serif;min-height:44px;min-width:82px;margin:0;padding:10px 16px;background:#fff;color:#203846;border:2px solid #4c7288;border-radius:6px;cursor:pointer}
.dio-normal-or-call .nc-controls button:hover{background:#f1f5f6}.dio-normal-or-call .nc-controls button:focus-visible{outline:3px solid #203846;outline-offset:2px}.dio-normal-or-call .nc-controls button[aria-pressed=true]{background:#e6edf0}.dio-normal-or-call .nc-controls button:disabled{opacity:.55;cursor:default}
.dio-normal-or-call .nc-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media print{.dio-normal-or-call .nc-controls{display:none!important}}
