/* P1 · The Asana Book is the planning desk, not a second practice clock. */
#studio-asana-library .p1-sequence{
 --p1-ink:#264b40;--p1-line:rgba(66,115,88,.27);
 --p1-soft:rgba(233,240,226,.92);--p1-accent:#32634e;
 margin:25px 0 18px;padding:clamp(16px,2.3vw,27px);
 background:linear-gradient(142deg,#eef3e9,#f8f3e9);
 border:1px solid var(--p1-line);border-radius:21px;
 color:var(--p1-ink);
 box-shadow:0 14px 30px rgba(28,63,43,.07);
}
#studio-asana-library .p1-heading{max-width:66ch;margin-bottom:21px}
#studio-asana-library .p1-kicker{
 display:block;font:750 10px/1.5 'JetBrains Mono',monospace;
 letter-spacing:.13em;color:#618370;margin:0 0 8px
}
#studio-asana-library .p1-heading h4{
 font:500 clamp(21px,2.6vw,30px)/1.19 'Fraunces',serif;
 color:var(--p1-ink);margin:0 0 9px;
}
#studio-asana-library .p1-lead{
 margin:0;font:400 13px/1.65 Inter,sans-serif;color:#4b6757
}
#studio-asana-library .p1-rows{display:grid;gap:9px}
#studio-asana-library .p1-row{
 display:grid;grid-template-columns:minmax(100px,.46fr) minmax(145px,1.5fr) auto;
 gap:10px;align-items:center;
 padding:10px 12px;border:1px solid var(--p1-line);
 border-radius:12px;background:rgba(255,255,255,.53)
}
#studio-asana-library .p1-row label{
 font:700 12px/1.5 Inter,sans-serif;color:var(--p1-ink)
}
#studio-asana-library .p1-row select,
#studio-asana-library .p1-duration{
 min-width:0;width:100%;min-height:40px;
 border:1px solid #91ae98;border-radius:10px;background:#fffef8;
 color:#244b3a;padding:8px 10px;font:500 12px/1.45 Inter,sans-serif
}
#studio-asana-library .p1-reorder{display:flex;align-items:center;gap:4px}
#studio-asana-library .p1-reorder button{
 min-height:38px;min-width:38px;border:1px solid var(--p1-line);
 border-radius:9px;color:var(--p1-ink);background:#f2f6ed;
 font:650 11px/1.2 Inter,sans-serif;cursor:pointer;padding:6px 8px;
}
#studio-asana-library .p1-addline{
 display:flex;gap:12px;align-items:center;justify-content:space-between;
 margin:13px 0 18px
}
#studio-asana-library .p1-addline button{
 min-height:38px;padding:8px 13px;color:var(--p1-ink);
 border:1px solid var(--p1-line);background:#fdfcf7;
 border-radius:10px;font:650 12px/1.4 Inter,sans-serif;cursor:pointer;
}
#studio-asana-library .p1-count{
 font:600 11px/1.4 'JetBrains Mono',monospace;color:#5b806b
}
#studio-asana-library .p1-options{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
 align-items:end;gap:14px;margin-bottom:16px
}
#studio-asana-library .p1-options label:first-child{
 display:grid;gap:7px;font:650 12px/1.5 Inter,sans-serif
}
#studio-asana-library .p1-recovery{
 display:flex;align-items:center;gap:11px;min-height:42px;
 font:500 12px/1.5 Inter,sans-serif
}
#studio-asana-library .p1-recovery input{width:17px;height:17px;accent-color:#32634e;flex:none}
#studio-asana-library .p1-summary{
 font:600 12px/1.5 Inter,sans-serif;margin:2px 0 15px;
 padding:10px 13px;border-radius:11px;
 border:1px solid var(--p1-line);background:rgba(167,198,171,.15)
}
#studio-asana-library .p1-actions{display:flex;gap:10px;flex-wrap:wrap}
#studio-asana-library .p1-actions button{
 min-height:44px;padding:10px 17px;border-radius:13px;
 font:750 12px/1.4 Inter,sans-serif;cursor:pointer
}
#studio-asana-library .p1-prepare{
 background:var(--p1-accent);border:1px solid var(--p1-accent);color:#fff
}
#studio-asana-library .p1-classic{
 background:transparent;border:1px solid #779984;color:var(--p1-ink)
}
#studio-asana-library .p1-status{
 min-height:19px;margin:12px 0 0;color:#476c55;font:600 12px/1.5 Inter,sans-serif
}
#studio-asana-library .p1-sequence button:focus-visible,
#studio-asana-library .p1-sequence select:focus-visible,
#studio-asana-library .p1-sequence input:focus-visible{
 outline:3px solid #c89867;outline-offset:3px
}
#studio-asana-library .p1-sequence :disabled{opacity:.55;cursor:not-allowed}
html[data-theme="dark"] #studio-asana-library .p1-sequence{
 --p1-ink:#e2ebe2;--p1-line:rgba(155,193,157,.32);
 --p1-accent:#aecdb1;
 background:linear-gradient(140deg,#1c3933,#274339)
}
html[data-theme="dark"] #studio-asana-library .p1-lead,
html[data-theme="dark"] #studio-asana-library .p1-count,
html[data-theme="dark"] #studio-asana-library .p1-kicker,
html[data-theme="dark"] #studio-asana-library .p1-status{color:#c1d9c7}
html[data-theme="dark"] #studio-asana-library .p1-row{background:rgba(9,31,25,.24)}
html[data-theme="dark"] #studio-asana-library .p1-row select,
html[data-theme="dark"] #studio-asana-library .p1-duration,
html[data-theme="dark"] #studio-asana-library .p1-reorder button,
html[data-theme="dark"] #studio-asana-library .p1-addline button{
 color:#e6efe4;background:#315249;border-color:#729781
}
html[data-theme="dark"] #studio-asana-library .p1-prepare{color:#1d3c2e}
@media(max-width:760px){
 #studio-asana-library .p1-sequence{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 #studio-asana-library .p1-rows{min-width:0;max-width:100%}
 #studio-asana-library .p1-row{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;box-sizing:border-box;gap:7px}
 #studio-asana-library .p1-row select{max-width:100%;width:100%;min-width:0;box-sizing:border-box}
 #studio-asana-library .p1-reorder{justify-content:flex-start}
 #studio-asana-library .p1-options{grid-template-columns:1fr}
}
@media(max-width:380px){
 #studio-asana-library .p1-actions{display:grid;grid-template-columns:1fr}
 #studio-asana-library .p1-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 #studio-asana-library .p1-sequence *{transition:none!important;animation:none!important}
}

/* Guided session replaces the two classic-only pace/length panels, which
   otherwise contradict the exact duration prepared in the Asana Book. */
#instructor-flow[data-studio-mode="asanas"][data-movement-sequence="guided"]
 :is(.studio-plan,.studio-adaptation){display:none!important}
#instructor-flow .p1-live-banner[hidden]{display:none!important}
#instructor-flow .p1-live-banner{
 margin:14px 0 18px;padding:14px 17px;display:grid;gap:6px;
 background:linear-gradient(140deg,rgba(161,205,178,.25),rgba(234,234,216,.23));
 border:1px solid rgba(117,169,144,.45);border-radius:14px;
 color:var(--guardian-ink,#264b40)
}
#instructor-flow .p1-live-title{
 font:700 14px/1.3 'Fraunces',serif
}
#instructor-flow .p1-live-detail{
 font:650 12px/1.5 Inter,sans-serif
}
#instructor-flow .p1-live-edit{
 color:inherit;text-decoration:underline;text-underline-offset:3px;
 font:600 12px/1.4 Inter,sans-serif;width:fit-content
}
#instructor-flow .p1-live-edit:focus-visible{
 outline:3px solid #c89867;outline-offset:4px
}

/* Narrow WebKit: intrinsic control widths must never widen the Book itself.
   Keep all controls visible, wrap actions rather than clip interactive targets. */
@media (max-width:420px) {
 #studio-asana-library .p1-sequence{overflow-x:clip;overflow-clip-margin:0}
 #studio-asana-library .p1-sequence,
 #studio-asana-library .p1-sequence :is(.p1-rows,.p1-row,.p1-options,.p1-actions,.p1-addline,.p1-reorder) {
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 }
 #studio-asana-library .p1-sequence :is(button,select,label,span,output) {
  box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere;
 }
 #studio-asana-library .p1-row select {display:block;width:100%;min-width:0;max-width:100%}
 #studio-asana-library .p1-reorder {display:flex;flex-wrap:wrap;align-items:stretch}
 #studio-asana-library .p1-actions {grid-template-columns:minmax(0,1fr)}
 #studio-asana-library .p1-actions button {white-space:normal;max-width:100%}
 #studio-asana-library .p1-recovery span {flex:1 1 0;min-width:0}
}