/* NCERT study pages — layout and the diagram palette. Colours come from the ui.css tokens, so light
   and dark both work; the diagram layer colours are defined for both themes below. */
:root{ --ly1:#EEF2F4; --ly2:#E6D8BF; --ly3:#E9B98A; --ly4:#E58F5A; --ly5:#C8553D; --lava1:#D9A066; --lava2:#B9774A;
  --sea:#CFE6EF; --mag:#C8553D; --sshadow:#7A5AF8; --pshadow:#E8590C; }
:root[data-theme="dark"]{ --ly1:#1F2A31; --ly2:#4A3F2E; --ly3:#6B4A30; --ly4:#8A4B2A; --ly5:#A8432D; --lava1:#8C6238; --lava2:#9A5F36;
  --sea:#17384A; --mag:#C8553D; --sshadow:#A48BFF; --pshadow:#FF8A3D; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --ly1:#1F2A31; --ly2:#4A3F2E; --ly3:#6B4A30; --ly4:#8A4B2A; --ly5:#A8432D;
  --lava1:#8C6238; --lava2:#9A5F36; --sea:#17384A; --sshadow:#A48BFF; --pshadow:#FF8A3D; } }

/* ---- list view ---- */
.nc .filterrow{ display:flex; flex-wrap:wrap; gap:var(--space-3); align-items:center; margin:0 0 var(--space-4); }
.nc .filterrow .sel{ min-width:150px; }
.nc .filterrow .inp{ flex:1 1 240px; min-width:200px; }
.nc-count{ font-size:14px; color:var(--color-text-muted); margin-left:auto; }
.nc-tw{ overflow-x:auto; border:1px solid var(--color-border); border-radius:var(--radius-card); background:var(--color-surface); }
.nc-tab{ width:100%; border-collapse:collapse; font-size:15px; }
.nc-tab th{ text-align:left; font-size:13px; font-weight:600; color:var(--color-text-muted); padding:12px 16px; border-bottom:1px solid var(--color-border); background:var(--color-raised); white-space:nowrap; }
.nc-tab td{ padding:14px 16px; border-bottom:1px solid var(--color-border); vertical-align:middle; }
.nc-tab tr:last-child td{ border-bottom:0; }
.nc-tab tr.go{ cursor:pointer; }
.nc-tab tr.go:hover td{ background:var(--color-primary-soft); }
.nc-tab tr.soon td{ color:var(--color-text-muted); }
.nc-no{ font-weight:700; color:var(--color-text-muted); width:56px; }
.nc-title{ font-weight:600; color:var(--color-text); }
.nc-title a{ color:inherit; text-decoration:none; }
.nc-tags{ display:flex; flex-wrap:wrap; gap:6px; }
.nc-tag{ display:inline-flex; align-items:center; padding:2px 10px; border-radius:999px; background:var(--color-sunken); color:var(--color-text); font-size:13px; font-weight:500; white-space:nowrap; }
.nc-tag.cls{ background:var(--color-primary-soft); color:var(--color-primary); font-weight:600; }
.nc-st{ font-size:14px; font-weight:600; white-space:nowrap; }
.nc-st.ok{ color:var(--color-primary); }
.nc-st.soon{ color:var(--color-text-muted); font-weight:500; }
.nc-pyq{ font-size:14px; color:var(--color-text-muted); white-space:nowrap; }
@media (max-width:760px){
  .nc-tab thead{ display:none; }
  .nc-tab, .nc-tab tbody, .nc-tab tr, .nc-tab td{ display:block; width:100%; }
  .nc-tab tr{ padding:12px 14px; border-bottom:1px solid var(--color-border); }
  .nc-tab td{ border:0; padding:3px 0; }
  .nc-no{ width:auto; font-size:13px; }
}

/* ---- chapter view ---- */
.nc-back{ display:inline-flex; align-items:center; gap:6px; color:var(--color-primary); font-weight:600; text-decoration:none; font-size:15px; min-height:40px; }
.nc-hero{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:var(--space-4); margin:var(--space-2) 0 var(--space-4); }
.nc-hero h1{ font-size:32px; line-height:1.2; margin:8px 0 6px; letter-spacing:-.015em; }
.nc-meta{ font-size:15px; color:var(--color-text-muted); }
.nc-acts{ display:flex; gap:var(--space-3); flex-wrap:wrap; }
.nc-ai{ display:inline-flex; align-items:center; gap:8px; }
.nc-grid{ display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--space-6); align-items:start; }
.nc-toc{ position:sticky; top:calc(var(--appbar-h) + 16px); border:1px solid var(--color-border); border-radius:var(--radius-card); background:var(--color-surface); padding:14px 10px; max-height:calc(100vh - var(--appbar-h) - 32px); overflow:auto; }
.nc-toc b{ display:block; font-size:13px; color:var(--color-text-muted); padding:0 8px 8px; }
.nc-toc a{ display:block; padding:7px 8px; border-radius:var(--radius-sm); color:var(--color-text); text-decoration:none; font-size:14px; line-height:1.35; }
.nc-toc a:hover{ background:var(--color-sunken); }
.nc-toc a.on{ background:var(--color-primary-soft); color:var(--color-primary); font-weight:600; }
@media (max-width:1100px){ .nc-grid{ grid-template-columns:minmax(0,1fr); } .nc-toc{ display:none; } }

.nc-sec{ background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-card); padding:var(--space-6); margin:0 0 var(--space-4); scroll-margin-top:calc(var(--appbar-h) + 16px); }
.nc-sec > header{ display:flex; justify-content:space-between; align-items:center; gap:var(--space-3); flex-wrap:wrap; margin:0 0 var(--space-3); }
.nc-sec h2{ font-size:22px; margin:0; line-height:1.3; }
.nc-sec h3{ font-size:17px; margin:var(--space-6) 0 var(--space-2); }
.nc-sec p, .nc-sec li{ font-size:16px; line-height:1.65; }
.nc-sec ul{ padding-left:22px; margin:8px 0 12px; }
.nc-sec li{ margin:4px 0; }
.nc-secai{ font:600 14px var(--font-ui); color:var(--color-primary); background:transparent; border:1px solid var(--color-border); border-radius:999px; min-height:36px; padding:0 14px; cursor:pointer; white-space:nowrap; }
.nc-secai:hover{ background:var(--color-primary-soft); border-color:var(--color-primary); }
.nc-glance{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:var(--space-3); list-style:none; padding:0 !important; margin:0 !important; }
.nc-glance li{ background:var(--color-raised); border:1px solid var(--color-border); border-left:3px solid var(--color-primary); border-radius:var(--radius-control); padding:12px 14px; margin:0 !important; }

.nc-tw2{ overflow-x:auto; margin:12px 0; }
.nc-t{ width:100%; border-collapse:collapse; font-size:15px; }
.nc-t th{ text-align:left; background:var(--color-raised); color:var(--color-text); font-weight:600; padding:10px 12px; border:1px solid var(--color-border); }
.nc-t td{ padding:10px 12px; border:1px solid var(--color-border); vertical-align:top; line-height:1.55; }

.nc-fig{ margin:16px 0; padding:12px; background:var(--color-raised); border:1px solid var(--color-border); border-radius:var(--radius-card); }
.nc-fig figcaption{ font-size:14px; color:var(--color-text-muted); margin-top:8px; }
.dg{ width:100%; height:auto; display:block; }
.dg text{ fill:var(--color-text); font:500 13px var(--font-ui); }
.dg text.b{ font-weight:700; font-size:14px; }
.dg text.sm{ font-size:12px; }
.dg text.mut{ fill:var(--color-text-muted); }
.dg text.inv{ fill:#fff; }
.dg .ln{ stroke:var(--color-text-muted); stroke-width:1.2; fill:none; }
.dg .dot{ fill:var(--color-text); }
.dg .ly1{ fill:var(--ly1); stroke:var(--color-border); } .dg .ly2{ fill:var(--ly2); } .dg .ly3{ fill:var(--ly3); } .dg .ly4{ fill:var(--ly4); } .dg .ly5{ fill:var(--ly5); }
.dg .rock2{ fill:var(--ly2); opacity:.7; }
.dg .fault{ stroke:var(--color-danger); stroke-width:3; stroke-dasharray:8 5; fill:none; }
.dg .wave{ stroke:var(--color-primary); stroke-width:1.4; fill:none; stroke-dasharray:4 4; }
.dg .star{ fill:#F59F00; stroke:#B35C00; stroke-width:1; }
.dg .epi{ fill:var(--color-danger); }
.dg .arr{ stroke:var(--color-primary); stroke-width:2; fill:none; }
.dg .arr2{ stroke:var(--color-text); stroke-width:2.5; fill:none; }
.dg .ahf{ fill:var(--color-primary); } .dg .ahf2{ fill:var(--color-text); } .dg .ahm{ fill:var(--color-text-muted); }
.dg .trace{ stroke:var(--color-primary); stroke-width:1.6; fill:none; }
.dg .tick{ stroke:var(--color-text-muted); stroke-width:1; stroke-dasharray:3 4; fill:none; }
.dg .pl{ stroke:var(--color-text); stroke-width:2; }
.dg .pshadow{ stroke:var(--pshadow); stroke-width:10; fill:none; stroke-linecap:round; }
.dg .sshadow{ stroke:var(--sshadow); stroke-width:6; fill:none; stroke-dasharray:10 6; }
.dg .ray{ stroke:var(--color-text-muted); stroke-width:1.2; fill:none; }
.dg .lava1{ fill:var(--lava1); } .dg .lava2{ fill:var(--lava2); } .dg .sea{ fill:var(--sea); } .dg .mag{ fill:var(--mag); opacity:.9; }
.dg .strata{ stroke:var(--color-text-muted); stroke-width:1; fill:none; opacity:.6; }

.co{ border-radius:var(--radius-control); padding:12px 16px; margin:14px 0; border:1px solid var(--color-border); border-left-width:4px; background:var(--color-raised); }
.co b.ct{ display:block; font-size:14px; margin-bottom:4px; }
.co.trap{ border-left-color:var(--color-danger); background:var(--color-danger-soft); }
.co.trap b.ct{ color:var(--color-danger); }
.co.beyond{ border-left-color:var(--color-revisit); background:var(--color-revisit-soft); }
.co.beyond b.ct{ color:var(--color-revisit); }
.co.why{ border-left-color:var(--color-primary); background:var(--color-primary-soft); }
.co.why b.ct{ color:var(--color-primary); }

/* flowcharts */
.fl{ margin:16px 0; padding:16px; border:1px dashed var(--color-border); border-radius:var(--radius-card); }
.fl > b{ display:block; font-size:15px; margin-bottom:12px; }
.fl-col{ display:flex; flex-direction:column; align-items:stretch; }
.fl-s{ background:var(--color-surface); border:1.5px solid var(--color-primary); border-radius:var(--radius-control); padding:10px 14px; text-align:center; }
.fl-s strong{ display:block; font-size:15px; color:var(--color-text); }
.fl-s span{ display:block; font-size:13.5px; color:var(--color-text-muted); margin-top:2px; }
.fl-a{ align-self:center; width:2px; height:22px; background:var(--color-primary); position:relative; margin:2px 0 8px; }
.fl-a::after{ content:""; position:absolute; left:-5px; bottom:-7px; border:6px solid transparent; border-top:7px solid var(--color-primary); }
.fl-split{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4); }
.fl-split .fl-col .fl-s:first-child{ background:var(--color-primary-soft); }
@media (max-width:560px){ .fl-split{ grid-template-columns:1fr; } }

.nc-nums{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:8px 24px; margin:8px 0 16px; }
.nc-nums div{ display:flex; justify-content:space-between; gap:12px; border-bottom:1px dashed var(--color-border); padding:8px 0; font-size:15px; }
.nc-nums div b{ text-align:right; }
.nc-traps li::marker{ content:"⚠  "; }
.nc-plan{ counter-reset:st; list-style:none; padding:0 !important; display:grid; gap:10px; }
.nc-plan li{ counter-increment:st; position:relative; padding:10px 14px 10px 52px !important; background:var(--color-raised); border:1px solid var(--color-border); border-radius:var(--radius-control); margin:0 !important; }
.nc-plan li::before{ content:counter(st); position:absolute; left:14px; top:10px; width:26px; height:26px; border-radius:999px; background:var(--color-primary); color:var(--color-on-primary); font-weight:700; font-size:14px; display:grid; place-items:center; }
.nc-plan li span{ display:block; color:var(--color-text-muted); font-size:14px; }

/* self-check */
.sc{ border:1px solid var(--color-border); border-radius:var(--radius-control); padding:14px 16px; margin:12px 0; }
.sc p{ margin:0 0 10px; font-weight:600; }
.sc .opts{ display:grid; gap:8px; }
.sc button.o{ text-align:left; font:500 15px var(--font-ui); padding:10px 14px; min-height:44px; border-radius:var(--radius-control); border:1px solid var(--color-control-border); background:var(--color-surface); color:var(--color-text); cursor:pointer; }
.sc button.o:hover:not(:disabled){ border-color:var(--color-primary); }
.sc button.o.ok{ border-color:var(--color-success); background:var(--color-primary-soft); }
.sc button.o.no{ border-color:var(--color-danger); background:var(--color-danger-soft); }
.sc button.o:disabled{ cursor:default; }
.sc .why{ margin-top:10px; font-size:15px; color:var(--color-text); }

/* related questions */
.pq{ display:flex; gap:14px; align-items:flex-start; padding:12px 4px; border-bottom:1px solid var(--color-border); text-decoration:none; color:inherit; }
.pq:last-child{ border-bottom:0; }
.pq:hover{ background:var(--color-primary-soft); }
.pq .yr{ flex:none; display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:86px; }
.pq .tx{ flex:1; min-width:0; font-size:15px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.pq .go{ flex:none; color:var(--color-primary); font-weight:600; font-size:14px; white-space:nowrap; align-self:center; }
.pq .lk{ font-size:12px; color:var(--color-text-muted); }
.pq-h{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:18px 0 4px; }
.pq-h h3{ margin:0 !important; }
.pq-h span{ font-size:14px; color:var(--color-text-muted); }
/* phones: diagrams keep a readable size and scroll sideways inside their frame */
@media (max-width:700px){
  .nc-sec{ padding:var(--space-4); }
  .nc-hero h1{ font-size:26px; }
  .nc-fig{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .nc-fig .dg{ min-width:680px; }
  .nc-fig figcaption::before{ content:"↔ Swipe to see the whole diagram · "; font-weight:600; }
}
.co.simple{ border-left-color:var(--color-primary); background:var(--color-surface); }
.co.simple b.ct{ color:var(--color-primary); }
.co.simple b.ct::before{ content:"💡 "; }
.co.book{ border-left-color:var(--color-text-muted); background:var(--color-raised); }
.co.book b.ct{ color:var(--color-text); }
.co.book b.ct::before{ content:"📖 "; }
.co ul{ margin:6px 0 0; padding-left:20px; }
.co li{ margin:4px 0; }
.qa details{ border:1px solid var(--color-border); border-radius:var(--radius-control); margin:10px 0; background:var(--color-surface); }
.qa summary{ cursor:pointer; padding:12px 16px; font-weight:600; font-size:15.5px; list-style:none; }
.qa summary::before{ content:"＋ "; color:var(--color-primary); }
.qa details[open] summary::before{ content:"－ "; }
.qa details[open] summary{ border-bottom:1px solid var(--color-border); }
.qa-a{ padding:12px 16px; font-size:15.5px; line-height:1.65; }
.dg text.halo{ paint-order:stroke; stroke:var(--sea); stroke-width:5px; stroke-linejoin:round; }
.co b.ct::before{ margin-right:6px; }

/* ---- reading progress (2026-11) ---------------------------------------------------------------
   Per-subject header colours for the book cards: a two-stop gradient behind WHITE text, every stop
   at least 4.8:1 against #fff, so the same pair works in both themes. */
.s-geo{ --g1:#0B5D4B; --g2:#12806A; } .s-his{ --g1:#8A3A10; --g2:#AD4A16; } .s-pol{ --g1:#1E3A8A; --g2:#3156B5; }
.s-eco{ --g1:#5B2A86; --g2:#7E3FAF; } .s-sci{ --g1:#0B5578; --g2:#13709C; } .s-chem{ --g1:#7A2554; --g2:#9E3570; }
.s-bio{ --g1:#2D6316; --g2:#3D7F1F; } .s-soc{ --g1:#8A2433; --g2:#AE3343; } .s-ss{ --g1:#5A4A0E; --g2:#7A6414; }
.s-psy{ --g1:#3A3A8C; --g2:#5050B0; } .s-art{ --g1:#8F2F0C; --g2:#B53D10; } .s-x{ --g1:#36454F; --g2:#4C5D69; }

.nc-ring{ position:relative; display:inline-grid; place-items:center; flex:none; }
.nc-ring svg{ position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
.nc-ring circle{ fill:none; stroke-width:5; }
.nc-ring .tr{ stroke:var(--color-sunken); }
.nc-ring .fg{ stroke:var(--color-primary); stroke-linecap:round; transition:stroke-dashoffset .4s ease; }
.nc-ring b{ position:relative; font-size:12px; font-weight:700; color:var(--color-text); font-variant-numeric:tabular-nums; }
.nc-play{ flex:none; width:36px; height:36px; border-radius:999px; display:inline-grid; place-items:center; background:var(--color-primary-soft); color:var(--color-primary); }
.nc-play svg{ width:18px; height:18px; }

/* Continue reading */
#nc-cont{ margin:0 0 var(--space-6); }
.nc-cont{ display:block; text-decoration:none; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:var(--radius-card); box-shadow:var(--shadow-card); overflow:hidden; max-width:640px; }
.nc-cont-k{ display:block; padding:10px 18px; color:#fff; font-weight:700; font-size:14px; letter-spacing:.02em; background:linear-gradient(120deg,var(--g1),var(--g2)); }
.nc-cont-b{ display:flex; align-items:center; gap:var(--space-4); padding:14px 18px; }
.nc-cont-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.nc-cont-t b{ font-size:17px; line-height:1.3; }
.nc-cont-t span{ font-size:14px; color:var(--color-text-muted); }
.nc-cont:hover{ border-color:var(--color-primary); }
.nc-cont:hover .nc-play, .nc-card:hover .nc-play{ background:var(--color-primary); color:var(--color-on-primary); }

/* book cards, grouped by subject */
.nc-group{ margin:0 0 var(--space-6); }
.nc-gh{ font-size:18px; font-weight:650; margin:0 0 var(--space-3); display:flex; align-items:baseline; gap:8px; }
.nc-gh span{ font-size:14px; font-weight:500; color:var(--color-text-muted); }
.nc-cardgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:var(--space-4); }
.nc-card{ display:flex; flex-direction:column; text-decoration:none; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:var(--radius-card); box-shadow:var(--shadow-card); overflow:hidden; transition:transform .15s ease, border-color .15s ease; }
.nc-card:hover{ border-color:var(--color-primary); transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .nc-card, .nc-ring .fg{ transition:none; } .nc-card:hover{ transform:none; } }
.nc-card-h{ display:flex; flex-direction:column; justify-content:flex-end; gap:6px; min-height:112px; padding:14px 16px; color:#fff;
  background:linear-gradient(135deg,var(--g1),var(--g2)); }
.nc-card-k{ font-size:13px; font-weight:600; opacity:.95; }
.nc-card-t{ font-size:18px; font-weight:700; line-height:1.25; letter-spacing:-.01em; }
.nc-card-f{ display:flex; align-items:center; gap:10px; padding:12px 16px; min-height:68px; }
.nc-card-m{ flex:1; min-width:0; font-size:14px; color:var(--color-text-muted); display:flex; flex-direction:column; gap:2px; }
.nc-card-s{ font-size:13px; color:var(--color-text); font-weight:600; }
.nc-soon{ font-size:13px; font-weight:600; color:var(--color-text-muted); background:var(--color-sunken); border-radius:999px; padding:3px 10px; }
.nc-card.soon .nc-card-h{ filter:saturate(.55); }
.nc-none{ padding:24px 0; color:var(--color-text-muted); }

/* book view summary */
.nc-booksum{ display:flex; align-items:center; gap:var(--space-4); flex-wrap:wrap; padding:14px 18px; margin:0 0 var(--space-4);
  background:var(--color-surface); border:1px solid var(--color-border); border-left:6px solid var(--g1); border-radius:var(--radius-card); box-shadow:var(--shadow-card); }
.nc-bs-t{ flex:1 1 220px; display:flex; flex-direction:column; gap:3px; }
.nc-bs-t b{ font-size:17px; }
.nc-bs-t span{ font-size:14px; color:var(--color-text-muted); }
.nc-bs-go{ text-decoration:none; }

/* per-chapter progress in tables */
.nc-pm{ display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--color-text-muted); white-space:nowrap; }
.nc-pm.done{ color:var(--color-success); font-weight:600; }
.nc-mb{ display:inline-block; width:72px; height:6px; border-radius:999px; background:var(--color-sunken); border:1px solid var(--color-border); overflow:hidden; }
.nc-mb span{ display:block; height:100%; background:var(--color-primary); }
.nc-tick{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:999px; background:var(--color-success); color:var(--color-on-primary); font-size:12px; font-weight:800; }

/* chapter page: slim sticky reading bar under the app bar */
.nc-rp{ position:sticky; top:var(--appbar-h); z-index:20; display:flex; align-items:center; gap:12px; margin:0 calc(-1 * var(--space-2)) var(--space-2);
  padding:8px var(--space-2); background:var(--color-bg); }
.nc-rp-tr{ flex:1; height:6px; border-radius:999px; background:var(--color-sunken); border:1px solid var(--color-border); overflow:hidden; }
.nc-rp-tr span{ display:block; height:100%; width:0; background:var(--color-primary); transition:width .2s ease; }
.nc-rp-v{ flex:none; font-size:13px; font-weight:600; color:var(--color-text-muted); font-variant-numeric:tabular-nums; display:inline-flex; align-items:center; gap:6px; }
.nc-rp.done .nc-rp-v{ color:var(--color-success); }
.nc-rp.done .nc-rp-tr span{ background:var(--color-success); }
@media (max-width:640px){
  .nc-cardgrid{ grid-template-columns:1fr; }
  .nc-card-h{ min-height:92px; }
  .nc .filterrow .sel{ flex:1 1 140px; min-width:0; }
  .nc .filterrow .inp{ min-width:0; }
}
.nc-booksum[hidden], #nc-cont[hidden], .nc-groups[hidden], .nc-tw[hidden]{ display:none; }
/* the reading bar sits under the app bar on chapter pages: keep the TOC and section anchors clear of it */
.nc-rp ~ .nc-grid .nc-toc{ top:calc(var(--appbar-h) + 44px); max-height:calc(100vh - var(--appbar-h) - 60px); }
.nc-rp ~ .nc-grid .nc-sec{ scroll-margin-top:calc(var(--appbar-h) + 44px); }
.nc-card-m > span:first-child, .nc-card-m{ white-space:nowrap; font-size:13.5px; }

/* Book cards with no ready chapters: "N chapters · 0 ready" and the "Coming soon" badge used to touch
   (the meta line is nowrap). Keep a real gap, and let the badge drop under the text when the card is
   too narrow for both, at every width. */
.nc-card.soon .nc-card-f{ flex-wrap:wrap; column-gap:12px; row-gap:6px; }
.nc-card.soon .nc-card-m{ flex:1 1 auto; min-width:max-content; }
.nc-soon{ flex:none; white-space:nowrap; }