/* Scoped to the reusable walkthrough, including the simulated product controls. */
.uf-root { --uf-surface:#fff; --panel:var(--paper); --raised:var(--faint); --panel-edge:inset 0 0 0 1px var(--line); --polish-accent:var(--blue); --polish-positive:#16814b; --uf-soft:#f7f7fa; --uf-green:#34745a; --uf-green-bg:#eef7f1; --uf-amber:#977125; margin-top:32px; }
[data-theme="dark"] .uf-root { --uf-surface:#1b1b20; --polish-positive:#9bd3b6; --uf-soft:#23232b; --uf-green:#9bd3b6; --uf-green-bg:#20382b; --uf-amber:#d9b568; }
.uf-root button { color:inherit; font:inherit; cursor:pointer; }
.uf-root button:disabled { opacity:.35; cursor:default; }
.uf-root button:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }

.uf-journey { display:grid; grid-template-columns:180px minmax(0,1fr); gap:56px; align-items:start; }
.uf-sidebar { position:sticky; top:96px; align-self:start; }
.uf-rail-label { margin:0 0 16px; font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
.uf-root .uf-rail { position:relative; inset:auto; z-index:auto; display:block; width:auto; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.uf-rail ol { list-style:none; padding:0; margin:0; }
.uf-rail li { padding:0; margin:0; }
.uf-rail a { position:relative; display:flex; align-items:center; gap:12px; min-height:76px; color:var(--muted); font-size:12px; text-decoration:none; }
.uf-rail a:hover { color:var(--blue); }
.uf-rail-number { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border:1px solid var(--line); border-radius:50%; background:var(--paper); font:11px ui-monospace,monospace; }
.uf-rail a[aria-current="step"] { color:var(--blue); }
.uf-rail a[aria-current="step"] .uf-rail-number { background:var(--blue); border-color:var(--blue); color:var(--uf-surface); }
.uf-rail a.is-past .uf-rail-number { border-color:var(--blue); color:var(--blue); }
.uf-rail-line { position:absolute; left:13px; top:38px; bottom:38px; width:2px; background:var(--line); }
.uf-rail-line i { display:block; height:100%; background:var(--blue); transform:scaleY(0); transform-origin:top; }
.uf-sections { min-width:0; }
.uf-chapter { scroll-margin-top:36px; }
.uf-chapter + .uf-chapter { margin-top:80px; padding-top:48px; border-top:1px solid var(--line); }
.uf-section-copy { margin-bottom:24px; }
.uf-section-copy .uc-eyebrow { margin-bottom:10px; }
.uf-section-copy h2 { margin:0 0 12px; font:400 32px/1.2 Inter,system-ui,sans-serif; letter-spacing:-.035em; }
.uf-section-copy > p:last-child { margin:0; max-width:630px; color:var(--muted); font-size:14px; line-height:1.75; }
.uf-playback { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:60px; padding:12px 0; }
.uf-playback p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.uf-playback-actions { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.uf-playback button { padding:8px 0; border:0; background:none; color:var(--blue); font-size:11px; }
.uf-playback button:hover { text-decoration:underline; }

/* The visuals and animation rules come from product-demos.css and styles.css. */
.uf-home-demo { max-width:640px; }
.uf-root:not(.uf-ready) .uf-playback-actions { display:none; }
.uf-paused .uf-home-demo *, .uf-paused .uf-home-demo *::before, .uf-paused .uf-home-demo *::after { animation-play-state:paused !important; }
.uf-restarting .scale-map-row, .uf-restarting .scale-map-packet { animation:none !important; }
.uf-endpoint { display:flex; align-items:center; gap:10px; padding:14px 0; border-bottom:1px solid var(--line); }
.uf-endpoint > span { color:var(--polish-positive); font:10px ui-monospace,monospace; }
.uf-endpoint code { min-width:0; overflow-wrap:anywhere; font:11px ui-monospace,monospace; }
.uf-note { color:var(--muted); font-size:12px; line-height:1.6; }
#after-walkthrough { scroll-margin-top:28px; }
@media(max-width:850px) {
  .uf-journey { grid-template-columns:145px minmax(0,1fr); gap:28px; }
  .uf-rail a { gap:9px; font-size:11px; }
}
@media(max-width:650px) {
  .uf-journey { grid-template-columns:28px minmax(0,1fr); gap:14px; }
  .uf-sidebar { top:42px; }
  .uf-rail-label { display:none; }
  .uf-rail-name { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .uf-rail a { min-height:64px; }
  .uf-rail-line { top:32px; bottom:32px; }
  .uf-section-copy h2 { font-size:26px; }
  .uf-section-copy > p:last-child { font-size:13px; }
  .uf-chapter + .uf-chapter { margin-top:42px; padding-top:32px; }
  .uf-playback { flex-wrap:wrap; gap:2px 12px; }
  .uf-playback p { flex-basis:100%; font-size:11px; }
  .uf-endpoint code { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .uf-playback-actions { display:none; }
}
@media print {
  .uf-sidebar, .uf-playback-actions { display:none; }
  .uf-journey { display:block; }
}

.use-case-walkthrough .uc-main { padding-top:32px; }
.uc-back { display:inline-block; margin-bottom:28px; color:var(--muted); font-size:12px; text-decoration:none; }
.uc-back:hover { color:var(--blue); }
.use-case-walkthrough .uc-hero { padding-bottom:32px; }
.use-case-walkthrough .uc-hero h1 { font-size:clamp(30px,4vw,42px); margin-bottom:14px; }
.use-case-walkthrough .uc-hero { max-width:none; }
.use-case-walkthrough .uc-deck { font-size:15px; max-width:none; text-wrap:initial; }
.uf-example-label { margin:14px 0 0; color:var(--muted); font-size:11px; }
.use-case-walkthrough .uf-root { margin-top:0; }
.use-case-walkthrough .uf-chapter + .uf-chapter { margin-top:48px; padding-top:32px; }
.use-case-walkthrough .uf-playback { justify-content:flex-end; min-height:44px; padding:6px 0; }
.uc-result { max-width:640px; margin-top:18px; }
.uc-result > span { display:block; margin-bottom:8px; color:var(--muted); font-size:11px; }
.uc-result pre { border:1px solid var(--line); border-radius:6px; padding:14px; color:var(--ink); background:var(--faint); white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.65 ui-monospace,monospace; }
.uf-api-list { display:grid; gap:16px; }
.uf-api { padding:18px; border:1px solid var(--line); border-radius:8px; }
.uf-api h3 { margin:0 0 12px; font-size:14px; font-weight:500; }
.uf-api .uf-endpoint { padding:0; border:0; }
.uf-api p { margin:12px 0 0; color:var(--muted); font:11px/1.6 ui-monospace,monospace; overflow-wrap:anywhere; }
.uf-api pre.uf-request { margin:16px 0 0; padding:14px; border:1px solid var(--line); border-radius:6px; background:var(--faint); color:var(--ink); font:11px/1.7 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.uf-request code { font:inherit; color:inherit; }
.uf-code-toggle { display:inline-flex; justify-self:start; gap:4px; padding:4px; border:1px solid var(--line); border-radius:8px; }
.uf-code-toggle button { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border:0; border-radius:5px; background:transparent; color:var(--muted); font:12px Inter,system-ui,sans-serif; cursor:pointer; }
.uf-code-icon { width:15px; height:15px; flex:none; }
.uf-code-toggle button[aria-pressed="true"] { background:var(--faint); color:var(--blue); }
.uf-request .uc-code-keyword { color:#7848a8; }
.uf-request .uc-code-string { color:#28704d; }
.uf-request .uc-code-function, .uf-request .uc-code-command { color:#315f9f; }
.uf-request .uc-code-parameter, .uf-request .uc-code-variable { color:#995419; }
.uf-request .uc-code-number { color:#a04460; }
[data-theme="dark"] .uf-request .uc-code-keyword { color:#c3a2ee; }
[data-theme="dark"] .uf-request .uc-code-string { color:#91cba7; }
[data-theme="dark"] .uf-request .uc-code-function, [data-theme="dark"] .uf-request .uc-code-command { color:#9cbeef; }
[data-theme="dark"] .uf-request .uc-code-parameter, [data-theme="dark"] .uf-request .uc-code-variable { color:#e7b783; }
[data-theme="dark"] .uf-request .uc-code-number { color:#efa4bc; }
/* Compact output reference, subordinate to the interactive walkthrough. */
.uf-schema { max-width:620px; margin:0 0 16px; }
.uf-schema > span { display:block; margin-bottom:6px; color:var(--muted); font-size:9px; letter-spacing:.04em; text-transform:uppercase; }
.uf-schema-fields { margin:0; padding-left:12px; border-left:1px solid var(--line); }
.uf-schema-field { display:grid; grid-template-columns:135px minmax(0,1fr); align-items:baseline; gap:4px 12px; padding:5px 0; }
.uf-schema-field dt { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 6px; color:var(--muted); font-size:11px; font-weight:400; line-height:1.5; }
.uf-schema-field dt small { font-size:9px; }
.uf-schema-field dd { min-width:0; margin:0; }
.uf-schema-field dd p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.uf-schema-values { display:flex; flex-wrap:wrap; gap:3px 5px; margin:0; padding:0; list-style:none; }
.uf-schema-values li { max-width:100%; padding:1px 5px; border-radius:3px; background:var(--faint); color:var(--muted); font:10px/1.5 ui-monospace,monospace; overflow-wrap:anywhere; }
.uf-schema-field:has(.uf-schema-values) dt small { display:none; }
.uf-schema-field:has(.uf-schema-values) dd p { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.uf-request .uc-code-property { color:#315f9f; }
[data-theme="dark"] .uf-request .uc-code-property { color:#9cbeef; }
@media (max-width:560px) {
  .uf-schema-fields { padding-left:9px; }
  .uf-schema-field { grid-template-columns:105px minmax(0,1fr); gap:4px 8px; }
}
/* Model/thinking selection → parallel runs → the shared frontier chart. */
.uf-root [data-use-case-sweep] { min-height:460px; }
.sd-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 22px; font-size:12px; color:var(--ink); }
.sd-heading strong { font-weight:500; }
.sd-heading > span { color:var(--muted); font-size:10px; }
.sd-model { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; padding:21px 0; border-bottom:1px solid var(--line); font-size:12px; }
.sd-variants { display:flex; gap:6px; }
.sd-variant { position:relative; display:inline-flex; align-items:center; min-height:30px; padding:5px 9px; border:1px solid var(--line); border-radius:5px; color:var(--muted); font-size:10px; }
.sd-variant.is-selected { border-color:var(--blue); background:var(--faint); color:var(--blue); }
.sd-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:24px; font-size:11px; color:var(--muted); }
.sd-run { position:relative; padding:10px 15px; border-radius:6px; background:var(--blue); color:var(--paper); font-size:11px; }
.sd-run.is-pressed { transform:scale(.96); }
.sd-cursor { position:absolute; right:-5px; bottom:-10px; width:17px; height:20px; pointer-events:none; z-index:2; filter:drop-shadow(0 1px 1px #0003); }
.sd-cursor svg { display:block; width:17px; height:20px; fill:#fff; stroke:#39404d; stroke-width:1.5; stroke-linejoin:round; }
.sd-runs { display:grid; gap:20px; padding-top:8px; }
.sd-run-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(40px,1fr) 30px; align-items:center; gap:12px; min-height:33px; font-size:11px; color:var(--ink); }
.sd-run-row small { text-align:right; font-size:10px; color:var(--muted); }
.sd-meter { height:4px; border-radius:4px; background:var(--line); overflow:hidden; }
.sd-meter i { display:block; height:100%; background:var(--blue); }
@media(max-width:650px) {
  .sd-model { grid-template-columns:1fr; gap:10px; padding:14px 0; }
  .sd-run-row { grid-template-columns:minmax(0,1.5fr) minmax(24px,1fr) 24px; gap:8px; font-size:10px; }
  .sd-footer { font-size:10px; }
  .sd-heading { font-size:11px; }
}
/* Rapid selection scrolls through the full model catalog. */
.sd-models { position:relative; max-height:310px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--line) transparent; padding-right:10px; }
.sd-model { padding:12px 0; }
.sd-runs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; max-height:340px; overflow-y:auto; }
.sd-run-row { grid-template-columns:minmax(0,1fr) 40px 36px; gap:6px; font-size:10px; }
.sd-run-row small { font-size:9px; }
@media(max-width:650px) {
  .sd-models { max-height:325px; }
  .sd-model { padding:10px 0; }
  .sd-runs { grid-template-columns:1fr; }
}
/* Rationale text is edited in place, inside its label card. */
.uf-root #how-panel-align .annotation-option { min-width:0; padding:10px; border:1px solid var(--line); border-radius:7px; background:var(--paper); }
.uf-root #how-panel-align .annotation-option.is-selected { border-color:var(--blue); background:var(--faint); }
.uf-root #how-panel-align .annotation-option > button { width:100%; min-height:0; padding:0 0 5px; border:0; box-shadow:none; background:transparent; color:var(--ink); transform:none; }
.uf-root #how-panel-align .annotation-option textarea { display:block; width:100%; min-height:82px; box-sizing:border-box; padding:5px; margin:0; border:1px solid transparent; border-radius:4px; resize:vertical; background:transparent; color:var(--muted); font:10px/1.6 Inter,system-ui,sans-serif; }
.uf-root #how-panel-align .annotation-option textarea:focus, .uf-root #how-panel-align .annotation-option textarea.is-demo-editing { border-color:var(--blue); outline:none; background:var(--paper); color:var(--ink); }
.uf-root .optimizer-content.is-auto-playing .annotation-choices { pointer-events:auto; }
.annotation-cursor.is-editing-rationale { opacity:1; animation:none; transition:left 120ms linear,top 120ms linear; }

/* Carry the sweep choice into the deployed function. */
.uf-selected-model { display:grid; gap:10px; padding:18px; border:1px solid var(--blue); border-radius:8px; background:var(--faint); color:var(--ink); font-size:13px; }
.uf-selected-label { color:var(--muted); font-size:11px; }
.uf-selected-detail { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.uf-selected-detail strong { font-size:14px; font-weight:500; }
.uf-selected-detail img { object-fit:contain; }
.uf-selected-badge { padding:3px 7px; border-radius:4px; background:var(--paper); color:var(--blue); font-size:10px; }
.uf-selected-model small { color:var(--muted); font-size:11px; line-height:1.6; }
.product-demos .sweep-recommendation-card[data-sweep-pick] { cursor:pointer; outline:none; }
.product-demos .sweep-recommendation-card[aria-pressed="true"] .sweep-card-surface,
.product-demos .sweep-recommendation-card[data-sweep-pick]:focus-visible .sweep-card-surface { stroke:var(--blue); stroke-width:2; }
.sd-pick-cursor { pointer-events:none; fill:#fff; stroke:#39404d; stroke-width:1.5; stroke-linejoin:round; }

@media (prefers-reduced-motion:no-preference) {
  .sd-pick-cursor path { transform-origin:10px 12px; animation:sd-pick-click .8s ease-in-out both; }
}
@keyframes sd-pick-click { 0%, 65%, 100% { transform:scale(1); } 80% { transform:scale(.8); } }

/* Separate the exact model input from the structured output under review. */
.annotation-example-io { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin:12px 0 18px; }
.annotation-example-io > section { min-width:0; }
.product-demos .annotation-example-io h5,
.annotation-output-panel > label { display:block; margin:0 0 7px; color:var(--muted); font:500 10px/1.5 Inter,system-ui,sans-serif; }
.product-demos .annotation-card .annotation-example-io .annotation-record { box-sizing:border-box; display:block; width:100%; min-height:150px; max-height:240px; margin:0; padding:10px; overflow:auto; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--ink); font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.annotation-output-panel p { margin:6px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.annotation-output-panel #annotation-output-error { color:#b94444; }
.annotation-output-panel #annotation-output-error:empty { display:none; }
@media (max-width:650px) { .annotation-example-io { grid-template-columns:minmax(0,1fr); } }

.product-demos .annotation-card .annotation-example-io .annotation-record { font:12px/1.65 Inter,system-ui,sans-serif; }

/* Source-aware input previews. */
.product-demos .annotation-card .annotation-example-io .annotation-record { height:150px; min-height:0; max-height:none; overflow:auto; white-space:normal; }
.uf-input-kind { display:block; margin-bottom:9px; color:var(--muted); font-size:9px; letter-spacing:.04em; text-transform:uppercase; }
.product-demos .annotation-card .uf-input-text { margin:0; color:var(--ink); font-size:12px; line-height:1.65; white-space:pre-wrap; }
.uf-input-fields { display:grid; gap:10px; margin:0; }
.uf-input-fields dt { margin-bottom:3px; color:var(--muted); font-size:10px; font-weight:500; }
.uf-input-fields dd { margin:0; color:var(--ink); font-size:12px; line-height:1.6; white-space:pre-wrap; }
.uf-input-turns { display:grid; gap:10px; margin:10px 0 0; padding:0; list-style:none; }
.uf-input-turn { padding-left:9px; border-left:2px solid var(--line); }
.uf-input-turn > span { display:block; color:var(--muted); font-size:9px; line-height:1.5; overflow-wrap:anywhere; }
.product-demos .annotation-card .uf-input-turn p { margin:3px 0 0; color:var(--ink); font-size:11px; line-height:1.6; white-space:pre-wrap; }
.uf-input-role-tool { border-left-color:var(--blue); }
.product-demos .annotation-card .uf-input-role-tool p { font:10px/1.6 ui-monospace,monospace; }
.uf-input-image img { display:block; width:100%; height:180px; margin:0 0 10px; border-radius:4px; object-fit:contain; background:#f8f8f6; }
.uf-input-paper { padding:14px 12px; border:1px solid var(--line); border-radius:3px; background:var(--paper); box-shadow:0 2px 6px #00000006; }
.uf-input-paper > strong { display:block; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid var(--line); color:var(--ink); font-size:11px; font-weight:500; }
.product-demos .annotation-card .uf-input-paper p { margin:0; color:var(--ink); font:12px/1.7 Georgia,serif; white-space:pre-wrap; }

/* Annotate the output's actual fields using the schema's accepted values. */
.schema-annotation-card { position:relative; }
.schema-annotation { position:relative; box-sizing:border-box; height:240px; padding:8px 10px; overflow:auto; border:1px solid var(--line); border-radius:6px; background:var(--paper); }
.sa-field { min-width:0; margin:0; padding:8px 0 10px; border:0; }
.sa-field + .sa-field { border-top:1px solid var(--line); }
.sa-field legend { float:left; width:100%; margin:0 0 7px; padding:0; color:var(--ink); font:500 11px/1.5 Inter,system-ui,sans-serif; }
.sa-field legend + * { clear:both; }
.sa-field legend small { margin-left:7px; color:var(--muted); font-size:9px; font-weight:400; }
.sa-choices { display:flex; flex-wrap:wrap; gap:5px; }
.sa-choices button { max-width:100%; padding:5px 7px; border:1px solid var(--line); border-radius:4px; background:transparent; color:var(--muted); font:10px/1.4 ui-monospace,monospace; cursor:pointer; overflow-wrap:anywhere; }
.sa-choices button[aria-pressed="true"] { border-color:var(--blue); background:var(--faint); color:var(--blue); }
.sa-choices button:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.sa-choices button:disabled { cursor:default; }
.sa-field input, .sa-field textarea, .annotation-schema-feedback textarea { box-sizing:border-box; width:100%; min-width:0; padding:7px 8px; border:1px solid var(--line); border-radius:4px; background:var(--paper); color:var(--ink); font:11px/1.5 Inter,system-ui,sans-serif; }
.sa-field textarea, .annotation-schema-feedback textarea { min-height:48px; resize:vertical; }
.sa-field input:focus, .sa-field textarea:focus, .annotation-schema-feedback textarea:focus { outline:2px solid var(--blue); outline-offset:1px; }
.sa-field.is-reviewing { background:var(--faint); }
.sa-original { display:block; margin-top:5px; color:var(--muted); font:9px/1.5 Inter,system-ui,sans-serif; overflow-wrap:anywhere; }
.sa-original[hidden] { display:none; }
.schema-annotation[aria-invalid="true"] { border-color:#b94444; }
.annotation-schema-feedback { display:grid; gap:8px; }
.annotation-schema-feedback label { color:var(--ink); font-size:11px; }
.annotation-schema-feedback label span { margin-left:6px; color:var(--muted); font-size:10px; }
.annotation-save { appearance:none; justify-self:end; align-self:start; display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:34px; margin-top:2px; padding:7px 12px; border:1px solid #7f88c45c; border-radius:6px; background:linear-gradient(#cbd2fc,#aab3f3); box-shadow:inset 0 1px 0 #ffffff70,0 1px 2px #00000012; color:#121318; font:500 11px/1.5 Inter,system-ui,sans-serif; white-space:nowrap; cursor:pointer; }
.annotation-save svg { display:block; flex:none; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.annotation-save:hover:not(:disabled) { background:linear-gradient(#d2d8ff,#b4bcfa); border-color:#7f88c480; }
.annotation-save:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.annotation-save:disabled { opacity:.7; cursor:default; }
.schema-annotation-card .schema-annotation-cursor { position:absolute; width:18px; height:22px; right:auto; bottom:auto; opacity:1; transform:none; transition:left .22s ease,top .22s ease; pointer-events:none; z-index:3; }
.schema-annotation-cursor[hidden] { display:none !important; }
.annotation-schema-feedback textarea.is-demo-editing { outline:2px solid var(--blue); outline-offset:1px; }
@media (prefers-reduced-motion:reduce) { .schema-annotation-card .schema-annotation-cursor { transition:none; } }

.schema-annotation-cursor svg { transition:transform .1s ease; transform-origin:20.833% 19.896%; }
.schema-annotation-cursor.is-pressing svg { transform:scale(.85); }
.annotation-save.is-demo-pressed { transform:translateY(1px); box-shadow:inset 0 1px 3px #00000020; }

/* Engineering source: preserve diffs, diagnostics, and CI log formatting. */
.uf-input-code > section + section { margin-top:14px; }
.uf-input-code .uf-input-kind { margin-bottom:6px; }
.product-demos .annotation-card .uf-input-code pre { margin:0; padding:8px; border:1px solid var(--line); border-radius:4px; background:var(--faint); color:var(--ink); font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.uf-input-code code { color:inherit; font:inherit; }