/* ============================================================
   ConstruBIM Academy — page styles (scoped .ac-)
   Loaded after theme-apple.css so equal-specificity rules win.
   ============================================================ */
.ac-main{ --ac-ink:#1d1d1f; --ac-muted:#6e6e73; --ac-line:#e8e8ed; --ac-line2:#d2d2d7; --ac-accent:#0066CC; --ac-alt:#fafafa; --ac-ok:#1f9d55; --ac-bad:#d23c3c;
  --ac-l1:#2e9e5b; --ac-l2:#0066CC; --ac-l3:#5e5ce6; --ac-l4:#e0731a; color:var(--ac-ink); }
.ac-wrap{ max-width:1280px; margin:0 auto; padding:0 28px; }
@media(max-width:600px){ .ac-wrap{ padding:0 18px; } }
.ac-main a{ color:var(--ac-accent); }
.ac-main a:hover{ text-decoration:underline; }
.ac-muted{ color:var(--ac-muted); font-weight:400; }
.ac-small{ font-size:13px; color:var(--ac-muted); line-height:1.5; word-break:break-word; }
.ac-main h2{ font-size:clamp(26px,3.4vw,38px); line-height:1.1; letter-spacing:-.02em; font-weight:600; margin:0 0 10px; }
.ac-main h3{ font-size:18px; font-weight:600; letter-spacing:-.01em; margin:0; }
.ac-main h4{ font-size:14px; font-weight:600; margin:14px 0 6px; }
.ac-main ul,.ac-main ol{ margin:6px 0 10px; padding-inline-start:20px; }
.ac-main li{ margin:3px 0; font-size:14.5px; line-height:1.55; }
.ac-sec-lead{ font-size:clamp(15px,1.8vw,18px); color:var(--ac-muted); margin:0 0 22px; max-width:70ch; line-height:1.5; }

/* sub-navigation + language switcher */
.ac-subnav{ background:rgba(255,255,255,.92); backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--ac-line); position:sticky; top:0; z-index:30; }
.ac-subnav-in{ display:flex; align-items:center; gap:18px; min-height:50px; flex-wrap:wrap; padding:6px 0; }
.ac-subnav-brand{ font-weight:700; letter-spacing:-.01em; color:var(--ac-ink) !important; }
.ac-subnav-links{ display:flex; gap:4px; flex-wrap:wrap; }
.ac-subnav-links a{ font-size:13.5px; font-weight:500; color:var(--ac-ink) !important; padding:6px 10px; border-radius:999px; }
.ac-subnav-links a:hover{ background:#f0f0f3; text-decoration:none !important; }
.ac-subnav-links a[aria-current]{ background:var(--ac-ink); color:#fff !important; }
.ac-langs{ margin-inline-start:auto; display:flex; gap:2px; border:1px solid var(--ac-line2); border-radius:999px; padding:2px; }
.ac-langs a{ font-size:12px; font-weight:600; color:var(--ac-ink) !important; padding:4px 9px; border-radius:999px; }
.ac-langs a[aria-current]{ background:var(--ac-accent); color:#fff !important; }
.ac-langs a:hover{ text-decoration:none !important; }
@media(max-width:700px){ .ac-langs{ margin-inline-start:0; } }

/* hero */
.ac-hero{ background:linear-gradient(#fff,#fafafa); border-bottom:1px solid var(--ac-line); padding:clamp(48px,7vw,84px) 0 clamp(30px,4vw,44px); }
.ac-hero.small{ padding-top:clamp(36px,5vw,56px); }
.ac-eyebrow{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ac-accent); font-weight:600; margin:0 0 14px; }
.ac-hero h1{ font-size:clamp(32px,4.8vw,56px); line-height:1.05; letter-spacing:-.02em; font-weight:600; margin:0; max-width:24ch; }
.ac-lead{ font-size:clamp(16px,2vw,19px); line-height:1.55; color:var(--ac-muted); margin:16px 0 0; max-width:70ch; }
.ac-stats{ display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 0; }
.ac-stat{ background:#fff; border:1px solid var(--ac-line); border-radius:14px; padding:12px 16px; min-width:120px; }
.ac-stat b{ display:block; font-size:24px; letter-spacing:-.02em; }
.ac-stat span{ font-size:12px; color:var(--ac-muted); }
.ac-hero-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }

/* sections */
.ac-sec{ padding:clamp(40px,5vw,64px) 0; }
.ac-alt{ background:var(--ac-alt); border-top:1px solid var(--ac-line); border-bottom:1px solid var(--ac-line); }
.ac-two{ display:grid; grid-template-columns:1fr 1fr; gap:36px; }
@media(max-width:820px){ .ac-two{ grid-template-columns:1fr; } }

/* category grid */
.ac-catgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media(max-width:1000px){ .ac-catgrid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:700px){ .ac-catgrid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:420px){ .ac-catgrid{ grid-template-columns:1fr; } }
.ac-cat{ display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid var(--ac-line); border-radius:16px; padding:18px; color:var(--ac-ink) !important; transition:transform .12s, box-shadow .15s, border-color .15s; }
.ac-cat:hover{ transform:translateY(-1px); box-shadow:0 10px 28px rgba(0,0,0,.06); border-color:var(--ac-line2); text-decoration:none !important; }
.ac-cat-ico{ font-size:22px; }
.ac-cat b{ font-size:15px; line-height:1.3; }
.ac-cat-meta{ font-size:12px; color:var(--ac-muted); }

/* filters */
.ac-filters{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 22px; }
.ac-filters input[type=search],.ac-filters input[type=text]{ flex:1 1 260px; font:inherit; font-size:15px; padding:11px 16px; border:1px solid var(--ac-line2); border-radius:999px; background:#fff; outline:none; min-width:0; }
.ac-filters input:focus{ border-color:var(--ac-accent); box-shadow:0 0 0 3px rgba(0,102,204,.12); }
.ac-filters select{ font:inherit; font-size:13.5px; padding:10px 12px; border:1px solid var(--ac-line2); border-radius:999px; background:#fff; max-width:100%; }
.ac-check{ font-size:13.5px; display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--ac-line2); border-radius:999px; background:#fff; cursor:pointer; }
.ac-clear{ font:inherit; font-size:13px; background:none; border:none; color:var(--ac-accent); cursor:pointer; padding:6px; }
.ac-count{ font-size:13px; color:var(--ac-muted); }
.ac-noresults{ color:var(--ac-muted); padding:16px 0; }

/* software / training / standards cards */
.ac-group{ margin:0 0 34px; }
.ac-group-h{ font-size:clamp(20px,2.4vw,26px); margin:0 0 6px; padding-top:8px; scroll-margin-top:110px; }
.ac-group-intro{ color:var(--ac-muted); font-size:15px; line-height:1.55; margin:0 0 8px; max-width:80ch; }
.ac-group-links{ font-size:13.5px; margin:0 0 14px; display:flex; gap:16px; flex-wrap:wrap; }
.ac-also{ font-size:13.5px; margin:12px 0 0; }
.ac-cards{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ac-cards.compact{ grid-template-columns:repeat(3,1fr); gap:10px; }
@media(max-width:1000px){ .ac-cards.compact{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .ac-cards.compact{ grid-template-columns:1fr; } }
.ac-sw-compact{ display:flex; flex-direction:column; gap:6px; padding:14px 16px; color:var(--ac-ink) !important; }
.ac-sw-compact:hover{ text-decoration:none !important; }
.ac-sw-compact h3{ font-size:15px; }
.ac-sw-compact .ac-tagline{ font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ac-catgrid.three{ grid-template-columns:repeat(3,1fr); }
@media(max-width:900px){ .ac-catgrid.three{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .ac-catgrid.three{ grid-template-columns:1fr; } }
.ac-tp-compact .ac-tagline{ font-size:13px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media(max-width:900px){ .ac-cards{ grid-template-columns:1fr; } }
.ac-sw,.ac-tp,.ac-std,.ac-qa,.ac-rules{ background:#fff; border:1px solid #e0e0e5; border-radius:16px; transition:box-shadow .15s, border-color .15s; scroll-margin-top:110px; }
.ac-sw:hover,.ac-tp:hover,.ac-std:hover,.ac-qa:hover{ box-shadow:0 10px 28px rgba(0,0,0,.05); border-color:var(--ac-line2); }
.ac-sw[open],.ac-tp[open],.ac-std[open]{ grid-column:1 / -1; }
.ac-sw summary,.ac-tp summary,.ac-std summary,.ac-qa summary,.ac-rules summary{ list-style:none; cursor:pointer; padding:18px 20px; display:flex; flex-direction:column; gap:8px; position:relative; }
.ac-sw summary::-webkit-details-marker,.ac-qa summary::-webkit-details-marker,.ac-tp summary::-webkit-details-marker,.ac-std summary::-webkit-details-marker,.ac-rules summary::-webkit-details-marker{ display:none; }
.ac-sw summary::after,.ac-tp summary::after,.ac-std summary::after,.ac-qa summary::after{ content:"+"; position:absolute; top:16px; inset-inline-end:18px; font-size:20px; color:var(--ac-muted); font-weight:300; }
.ac-sw[open] summary::after,.ac-tp[open] summary::after,.ac-std[open] summary::after,.ac-qa[open] summary::after{ content:"–"; }
.ac-sw-head{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; padding-inline-end:28px; }
.ac-vendor{ font-size:13px; color:var(--ac-muted); }
.ac-tagline{ font-size:14px; color:var(--ac-muted); line-height:1.5; }
.ac-badges{ display:flex; flex-wrap:wrap; gap:5px; }
.ac-badge{ font-size:11px; font-weight:600; letter-spacing:.03em; padding:4px 9px; border-radius:999px; background:#f0f0f3; color:#3a3a3c; }
.ac-badge.cat{ background:#e8f1fc; color:#0a4f9c; }
.ac-badge.ifc{ background:#e6f6ec; color:#1f6b3a; }
.ac-badge.warn{ background:#fff1e0; color:#9a4d00; }
.ac-chip{ display:inline-block; font-size:12px; padding:3px 9px; border-radius:999px; background:#f0f0f3; margin:2px 3px 2px 0; color:var(--ac-ink); }
.ac-chip.link{ color:var(--ac-accent) !important; }
.ac-chip.soft{ background:transparent; border:1px solid var(--ac-line); color:var(--ac-muted); }
.ac-sw-body{ padding:0 20px 22px; border-top:1px solid var(--ac-line); }
.ac-desc{ font-size:15px; line-height:1.6; margin:16px 0 12px; }
.ac-dl{ margin:0; display:grid; grid-template-columns:1fr 1fr; gap:4px 20px; }
@media(max-width:700px){ .ac-dl{ grid-template-columns:1fr; } }
.ac-row{ display:grid; grid-template-columns:150px 1fr; gap:8px; padding:6px 0; border-bottom:1px dashed #eeeef1; font-size:13.5px; line-height:1.5; }
.ac-row dt{ color:var(--ac-muted); font-weight:500; }
.ac-row dd{ margin:0; }
.ac-cols{ display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
@media(max-width:700px){ .ac-cols{ grid-template-columns:1fr; } }
.ac-links li{ word-break:break-word; }
.ac-stages{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:14px 0; }
@media(max-width:800px){ .ac-stages{ grid-template-columns:1fr; } }
.ac-stage{ border:1px solid var(--ac-line); border-radius:12px; padding:14px 16px; background:#fafafa; }
.ac-stage-h{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.ac-stage b{ font-size:13px; display:block; margin-top:8px; }
.ac-outcome{ font-size:13.5px; margin:8px 0 0; }
.ac-lvl{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.04em; padding:3px 8px; border-radius:999px; color:#fff; background:var(--ac-muted); }
.ac-lvl.l1{ background:var(--ac-l1); } .ac-lvl.l2{ background:var(--ac-l2); } .ac-lvl.l3{ background:var(--ac-l3); } .ac-lvl.l4{ background:var(--ac-l4); }

/* Q&A */
.ac-qalist{ display:flex; flex-direction:column; gap:10px; }
.ac-qa summary h3{ font-size:16px; line-height:1.4; padding-inline-end:28px; }
.ac-qa-meta{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.ac-qa-a{ padding:0 20px 18px; }
.ac-qa-a p{ font-size:15px; line-height:1.65; margin:12px 0 0; }
.ac-qacats{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media(max-width:820px){ .ac-qacats{ grid-template-columns:1fr; } }
.ac-qacat{ background:#fff; border:1px solid var(--ac-line); border-radius:16px; padding:20px 22px; }
.ac-qacat h3{ font-size:18px; margin-bottom:6px; }
.ac-qacat p{ color:var(--ac-muted); font-size:14px; line-height:1.55; margin:0 0 8px; }
.ac-samples{ padding-inline-start:18px; }
.ac-samples li{ font-size:14px; }
.ac-more{ font-size:13.5px; font-weight:600; }
.ac-ask{ margin:26px 0 0; font-size:15px; }
.ac-qa-hit{ background:#fff; border:1px solid var(--ac-line); border-radius:14px; padding:14px 18px; }
.ac-qa-hit h3{ font-size:15px; margin-bottom:4px; }
.ac-qa-hit p{ font-size:14px; color:var(--ac-muted); margin:0 0 6px; line-height:1.5; }
.ac-qa-hit a{ font-size:13px; }

/* tables */
.ac-tablewrap{ overflow-x:auto; border:1px solid var(--ac-line); border-radius:14px; background:#fff; }
.ac-table{ width:100%; border-collapse:collapse; font-size:14px; min-width:640px; }
.ac-table th,.ac-table td{ text-align:start; padding:12px 14px; border-bottom:1px solid var(--ac-line); vertical-align:top; }
.ac-table th{ font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ac-muted); font-weight:600; background:#fafafa; }
.ac-table tr:last-child td{ border-bottom:none; }
.ac-rules{ margin-top:14px; }
.ac-rules ol{ padding:0 22px 18px 40px; }
[dir=rtl] .ac-rules ol{ padding:0 40px 18px 22px; }

/* certification: pickers */
.ac-trackgroup{ margin:0 0 18px; }
.ac-trackgroup h3{ font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--ac-muted); margin:0 0 8px; }
.ac-tracks{ display:flex; flex-wrap:wrap; gap:8px; }
.ac-track,.ac-level{ font:inherit; text-align:start; background:#fff; border:1px solid var(--ac-line2); border-radius:14px; padding:10px 14px; cursor:pointer; display:flex; flex-direction:column; gap:2px; color:var(--ac-ink); transition:border-color .12s, box-shadow .12s; }
.ac-track b{ font-size:14px; } .ac-track span{ font-size:12px; color:var(--ac-muted); }
.ac-track:hover,.ac-level:hover{ border-color:var(--ac-accent); }
.ac-track.sel,.ac-level.sel{ border-color:var(--ac-accent); box-shadow:0 0 0 3px rgba(0,102,204,.15); background:#f3f8ff; }
.ac-levels{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }
@media(max-width:800px){ .ac-levels{ grid-template-columns:repeat(2,1fr); } }
.ac-level b{ font-size:15px; } .ac-level span:last-child{ font-size:12px; color:var(--ac-muted); }
#ac-levels-h{ margin-top:26px; }
.ac-start{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.btn[disabled]{ opacity:.45; cursor:not-allowed; }

/* certification: run */
.ac-runhead{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.ac-runhead b{ font-size:16px; }
.ac-timer{ font-variant-numeric:tabular-nums; font-weight:700; font-size:18px; padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--ac-line2); }
.ac-timer.low{ color:var(--ac-bad); border-color:var(--ac-bad); }
.ac-progress{ height:6px; background:#e8e8ed; border-radius:999px; overflow:hidden; margin-bottom:18px; }
.ac-progress i{ display:block; height:100%; background:var(--ac-accent); width:0; transition:width .2s; }
.ac-qcard{ background:#fff; border:1px solid var(--ac-line); border-radius:18px; padding:24px; }
.ac-qcard .ac-qnum{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ac-muted); font-weight:600; }
.ac-qcard h3{ font-size:clamp(17px,2vw,21px); line-height:1.4; margin:8px 0 18px; }
.ac-opts{ display:flex; flex-direction:column; gap:8px; }
.ac-opt{ font:inherit; text-align:start; background:#fff; border:1px solid var(--ac-line2); border-radius:12px; padding:12px 14px; cursor:pointer; font-size:15px; line-height:1.45; display:flex; gap:12px; align-items:flex-start; color:var(--ac-ink); }
.ac-opt i{ font-style:normal; font-weight:700; font-size:12px; width:22px; height:22px; border-radius:50%; border:1px solid var(--ac-line2); display:inline-flex; align-items:center; justify-content:center; flex:none; }
.ac-opt:hover{ border-color:var(--ac-accent); }
.ac-opt.sel{ border-color:var(--ac-accent); background:#f3f8ff; } .ac-opt.sel i{ background:var(--ac-accent); color:#fff; border-color:var(--ac-accent); }
.ac-opt.ok{ border-color:var(--ac-ok); background:#eefaf2; } .ac-opt.ok i{ background:var(--ac-ok); color:#fff; border-color:var(--ac-ok); }
.ac-opt.bad{ border-color:var(--ac-bad); background:#fdf0f0; } .ac-opt.bad i{ background:var(--ac-bad); color:#fff; border-color:var(--ac-bad); }
.ac-runnav{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:16px; }
.ac-runnav .sp{ flex:1; }
.ac-dots{ display:flex; flex-wrap:wrap; gap:5px; margin-top:16px; }
.ac-dot{ font:inherit; font-size:11px; width:30px; height:30px; border-radius:8px; border:1px solid var(--ac-line2); background:#fff; cursor:pointer; color:var(--ac-muted); }
.ac-dot.a{ background:var(--ac-ink); color:#fff; border-color:var(--ac-ink); }
.ac-dot.cur{ outline:2px solid var(--ac-accent); outline-offset:1px; }

/* certification: results */
.ac-score{ display:flex; gap:22px; align-items:center; flex-wrap:wrap; background:#fff; border:1px solid var(--ac-line); border-radius:18px; padding:22px 24px; margin-bottom:18px; }
.ac-score .big{ font-size:56px; font-weight:700; letter-spacing:-.03em; line-height:1; }
.ac-score .pass{ color:var(--ac-ok); } .ac-score .fail{ color:var(--ac-bad); }
.ac-score p{ margin:4px 0 0; color:var(--ac-muted); font-size:14px; }
.ac-review{ display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.ac-rv{ background:#fff; border:1px solid var(--ac-line); border-radius:14px; padding:16px 18px; }
.ac-rv h4{ margin:0 0 8px; font-size:15px; line-height:1.4; }
.ac-rv .ac-opts{ gap:6px; } .ac-rv .ac-opt{ cursor:default; padding:9px 12px; font-size:14px; }
.ac-rv .why{ font-size:13.5px; color:var(--ac-muted); margin:10px 0 0; line-height:1.5; }
.ac-claim{ background:#1d1d1f; color:#f5f5f7; border-radius:18px; padding:24px; margin:18px 0; }
.ac-claim h3{ color:#fff; font-size:20px; margin-bottom:4px; }
.ac-claim p{ color:#a1a1a6; font-size:14px; margin:0 0 14px; }
.ac-claim input[type=text],.ac-claim input[type=email]{ font:inherit; font-size:15px; padding:11px 14px; border-radius:10px; border:1px solid #48484a; background:#2c2c2e; color:#fff; width:100%; max-width:420px; margin-bottom:10px; display:block; }
.ac-claim label.c{ display:flex; gap:8px; align-items:flex-start; font-size:13px; color:#d1d1d6; margin:6px 0 14px; max-width:520px; }
.ac-claim label.c a{ color:#fff; }
.ac-claim .err{ color:#ff6b6b; font-size:13px; margin:0 0 8px; }
.ac-hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.ac-certcard{ background:#fff; border:2px solid var(--ac-accent); border-radius:18px; padding:22px 24px; margin:18px 0; }
.ac-certcard h3{ font-size:20px; margin-bottom:8px; }
.ac-certcard .id{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:700; font-size:18px; letter-spacing:.08em; }
.ac-certcard .actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.ac-mycert{ display:flex; justify-content:space-between; gap:10px; align-items:center; background:#fff; border:1px solid var(--ac-line); border-radius:12px; padding:12px 14px; margin-bottom:8px; font-size:14px; flex-wrap:wrap; }
.ac-mycert b{ display:block; } .ac-mycert span{ color:var(--ac-muted); font-size:12.5px; }
.ac-verify-ok{ border:1px solid var(--ac-ok); background:#eefaf2; border-radius:14px; padding:14px 18px; margin-top:10px; font-size:14px; }
.ac-verify-bad{ border:1px solid var(--ac-bad); background:#fdf0f0; border-radius:14px; padding:14px 18px; margin-top:10px; font-size:14px; }
.ac-err{ color:var(--ac-bad); font-size:14px; margin:8px 0; }

/* CTA + disclaimer */
.ac-cta-sec{ padding:clamp(40px,6vw,72px) 0 0; }
.ac-cta{ background:#1d1d1f; color:#f5f5f7; border-radius:18px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:26px 32px; }
.ac-cta-text b{ display:block; font-size:18px; font-weight:600; color:#f5f5f7; }
.ac-cta-text span{ display:block; font-size:14px; color:#86868b; margin-top:4px; max-width:70ch; }
.ac-cta-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.ac-cta-actions .btn{ border-color:transparent; }
.ac-disc{ padding:clamp(32px,5vw,56px) 0 clamp(52px,7vw,80px); }
.ac-disc h2{ font-size:16px; margin-bottom:6px; }
.ac-disc p{ font-size:13.5px; color:var(--ac-muted); line-height:1.6; max-width:90ch; margin:0; }

/* RTL polish */
[dir=rtl] .ac-main,[dir=rtl].ac-main{ text-align:right; }
[dir=rtl] .ac-row{ grid-template-columns:170px 1fr; }
[dir=rtl] .ac-chip{ margin:2px 0 2px 3px; }

/* print */
@media print{ .ac-subnav,.ac-cta-sec,.ac-filters,#site-header,#site-footer,.whatsapp{ display:none !important; } .ac-sw,.ac-qa,.ac-tp,.ac-std{ break-inside:avoid; } details{ display:block; } details>*{ display:block; } }