.asm-main{width:100%;max-width:var(--page-max);padding-block:var(--sp-4) var(--sp-5);padding-inline:var(--gutter);gap:var(--sp-3);flex-direction:column;flex:1;margin-inline:auto;display:flex}.asm-intro{gap:var(--sp-1);max-width:var(--prose-max-md);flex-direction:column;display:flex}.asm-h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.015em;color:var(--text);margin:0;font-weight:700;line-height:1.16}.asm-lede{color:var(--muted);font-size:var(--fs-small);text-wrap:pretty;margin:0}.asm-cards{grid-template-columns:repeat(auto-fill, minmax(var(--grid-card-min), 1fr));gap:var(--sp-2);display:grid}.asm-card{gap:var(--sp-1);padding:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;transition:box-shadow var(--t-fast) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.asm-card:hover,.asm-card:focus-visible{box-shadow:var(--shadow-pop)}.asm-card-name{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--text);margin:0;font-weight:600}.asm-card-line{color:var(--muted);font-size:var(--fs-small);margin:0}.asm-card-timing{color:var(--text);font-size:var(--fs-caption);margin:0}.asm-cta{align-items:center;gap:var(--sp-05);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-contrast);cursor:pointer;font-weight:600;font-size:var(--fs-small);border:none;align-self:flex-start;text-decoration:none;display:inline-flex}.asm-family{width:100%;max-width:var(--page-max);padding-block:var(--sp-4) var(--sp-5);padding-inline:var(--gutter);gap:var(--sp-1);flex-direction:column;margin-inline:auto;display:flex}.asm-family>*{max-width:var(--prose-max);width:100%;margin-inline:auto}.asm-breadcrumb{color:var(--muted);font-size:var(--fs-small);margin:0}.asm-breadcrumb a{color:var(--muted)}.asm-aka{color:var(--muted);font-size:var(--fs-small);margin:0}.asm-section{gap:var(--sp-1);padding-block:var(--sp-2);border-top:1px solid var(--border);flex-direction:column;display:flex}.asm-section-h{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--text);margin:0;font-weight:600}.asm-section p{color:var(--text);font-size:var(--fs-small);margin:0}.asm-citation{padding:var(--sp-1) var(--sp-15);background:var(--surface-sunken);border-radius:var(--radius-sm);gap:var(--sp-05);flex-direction:column;margin:0;display:flex}.asm-citation-label{font-size:var(--fs-tiny);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}.asm-timing-source{color:var(--text);font-size:var(--fs-caption);margin:0}.asm-timing-figure{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--text);font-weight:700}@media (width<=767.98px){.asm-timing-figure{font-size:var(--fs-h3)}}.asm-practice-panel{padding:var(--sp-15) var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:center;gap:var(--sp-2);display:flex}.asm-practice-text{gap:var(--sp-05);flex-direction:column;flex:1;min-width:0;display:flex}.asm-practice-h{font-size:var(--fs-body);color:var(--text);margin:0;font-weight:600}.asm-practice-line{color:var(--muted);font-size:var(--fs-small);margin:0}.asm-practice-cta{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-contrast);font-weight:600;font-size:var(--fs-small);cursor:pointer;border:none;flex:none;align-items:center;display:inline-flex}@media (width<=767.98px){.asm-practice-panel{flex-direction:column;align-items:flex-start}.asm-practice-cta{align-self:flex-start}}.asm-practice-bar{display:none}@media (width<=767.98px){.asm-family{padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px))}.asm-practice-bar{justify-content:space-between;align-items:center;gap:var(--sp-1);z-index:20;padding:var(--sp-1) var(--gutter);padding-bottom:calc(var(--sp-1) + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-pop);display:flex;position:fixed;bottom:0;left:0;right:0}.asm-practice-bar-text{color:var(--text);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.asm-practice-bar-start{min-width:var(--touch-target);height:var(--touch-target);padding-inline:var(--sp-15);border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-contrast);font-weight:600;font-size:var(--fs-small);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}}.asm-neighbours,.asm-method-steps,.asm-traps{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.asm-method-steps{padding-inline-start:var(--sp-2);list-style:decimal}.asm-neighbours li strong,.asm-trap-card h3{font-size:var(--fs-small);color:var(--text);font-weight:600;display:block}.asm-neighbours li span{color:var(--muted);font-size:var(--fs-caption)}.asm-trap-card{padding:var(--sp-15);background:var(--warning-soft);border-radius:var(--radius-sm);gap:var(--sp-05);flex-direction:column;display:flex}.asm-trap-card p{font-size:var(--fs-caption);color:var(--text);margin:0}.asm-trap-label{color:var(--warning);font-weight:600}.asm-example{padding:var(--sp-15);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:var(--sp-1);flex-direction:column;display:flex}.asm-example h3{font-size:var(--fs-small);color:var(--muted);margin:0;font-weight:600}.asm-table-wrap{overflow-x:auto}.asm-table{border-collapse:collapse;font-size:var(--fs-caption);width:100%}.asm-table th,.asm-table td{border:1px solid var(--border);padding:var(--sp-05) var(--sp-1);text-align:left}.asm-options{gap:var(--sp-05);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.asm-option{gap:var(--sp-1);padding:var(--sp-05) var(--sp-1);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;align-items:baseline;width:100%;display:flex}.asm-option:disabled{cursor:default}.asm-option-key{color:var(--muted);min-width:1.5em;font-weight:700}.asm-option--answer{border-color:var(--success);background:var(--success-soft)}.asm-option--wrong{border-color:var(--danger);background:var(--danger-soft)}.asm-working{font-size:var(--fs-caption)}.asm-working summary{cursor:pointer;color:var(--primary);font-weight:600}.asm-working ol{padding-inline-start:var(--sp-2)}.asm-working ul{gap:var(--sp-05);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.asm-drills{padding:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);gap:var(--sp-1);flex-direction:column;display:flex}.asm-drill-head{font-size:var(--fs-caption);color:var(--muted);justify-content:space-between;align-items:baseline;display:flex}.asm-drill-timer{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.asm-drill-stem{font-size:var(--fs-body);color:var(--text);margin:0}.asm-drill-explanation{padding:var(--sp-1);background:var(--success-soft);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--text);margin:0}.asm-drill-next{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.asm-score{font-size:var(--fs-h3);color:var(--text);font-weight:700}.asm-progress-strip{color:var(--muted);font-size:var(--fs-small)}.asm-progress-strip strong{color:var(--text)}@media (width<=767.98px){.asm-cards{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);grid-template-columns:1fr;gap:0;overflow:hidden}.asm-card{box-shadow:none;border:0;border-top:1px solid var(--border);align-items:baseline;column-gap:var(--sp-1);row-gap:var(--sp-05);padding:var(--sp-15) var(--sp-2);min-height:var(--touch-target);border-radius:0;grid-template-columns:1fr auto;display:grid}.asm-cards li:first-child .asm-card{border-top:0}.asm-card-name{grid-column:1}.asm-card-timing{grid-column:2;justify-self:end}.asm-card-line{grid-column:1/-1}}
