/* OFC-UI-071 / 2026-11-03 — dois modos de consulta: avançado e passo a passo.
   Sem fixed, sem overlay e sem ocupar a barra inferior do Pandinha. */
#workbench .pandinha-reader-modes-071{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:7px;margin:4px 0 13px;padding:4px;
 border:1px solid #485b42;background:#131b15;border-radius:14px;
}
#workbench .reader-mode-button-071{
 min-height:48px;min-width:0;border:1px solid transparent;
 padding:10px 7px;border-radius:10px;
 background:transparent;color:#c4d1bf;font-size:.84rem;font-weight:800;
 touch-action:manipulation;
}
#workbench .reader-mode-button-071[aria-pressed="true"]{
 background:#31432b;color:#d9ffa5;border-color:#7f9e65;
}
#workbench .reader-steps-071[hidden],
#workbench #library-preview[hidden],
#workbench #library-ingredient-lookup[hidden]{display:none!important}
#workbench .reader-steps-071{
 display:flex;flex-direction:column;gap:14px;
 min-width:0;padding:2px 0 9px;
}
#workbench .reader-steps-head-071{display:grid;gap:4px}
#workbench .reader-steps-eyebrow-071{
 color:var(--lime);font-size:.67rem;font-weight:900;
 letter-spacing:.13em;margin:0;
}
#workbench .reader-steps-head-071 h3{
 font-size:clamp(1.35rem,4.3vw,2rem);
 line-height:1.12;overflow-wrap:anywhere;margin:0;
}
#workbench .reader-steps-description-071{
 margin:0;color:var(--muted);font-size:.84rem;
}
#workbench .reader-steps-ingredients-071{
 border:1px solid #435540;border-radius:13px;
 background:#192219;overflow:hidden;
}
#workbench .reader-steps-ingredients-071>summary{
 display:list-item;cursor:pointer;min-height:48px;
 padding:13px 15px;color:#ddedc6;font-weight:800;
}
#workbench .reader-steps-ingredients-071[open]>summary{
 border-bottom:1px solid #435540;
}
#workbench #reader-steps-ingredients-content-071{
 padding:9px 15px;max-height:42dvh;overflow-y:auto;
}
#workbench #reader-steps-ingredients-content-071 .writer-ingredients-overview>.preview-subtitle{display:none}
#workbench .reader-steps-progress-071{display:flex;gap:5px;align-items:center}
#workbench .reader-steps-progress-071 span{
 flex:1 1 0;height:5px;border-radius:999px;background:#3b493a;
}
#workbench .reader-steps-progress-071 span[aria-current="step"]{
 background:var(--lime);
}
#workbench .reader-steps-count-071{
 font-size:.76rem;color:#c4d2b7;font-weight:850;margin:-5px 0 -7px;
}
#workbench .reader-steps-card-071{
 display:grid;min-height:235px;align-content:center;
 padding:clamp(12px,3vw,20px);
 background:linear-gradient(145deg,#233021,#151b16);
 border:1px solid #71845e;border-radius:16px;
 overflow-wrap:anywhere;touch-action:pan-y;
}
#workbench .reader-steps-card-071 .writer-box{
 margin:0!important;max-width:100%;border:0!important;
 background:transparent!important;box-shadow:none!important;
 padding:0!important;
}
#workbench .reader-steps-card-071 .writer-box-head{
 margin-bottom:14px;
}
#workbench .reader-steps-card-071 .writer-box-main strong{
 font-size:clamp(1.1rem,3.7vw,1.35rem);
}
#workbench .reader-steps-card-071 .writer-box-detail{
 font-size:.96rem;line-height:1.65;
}
#workbench .reader-steps-card-071 .writer-box-items{
 margin-top:12px;
}
#workbench .reader-steps-card-071 .reader-steps-empty-071{
 padding:15px;text-align:center;color:var(--muted);
}
#workbench .reader-steps-controls-071{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);
 gap:9px;
}
#workbench .reader-steps-controls-071 button{min-height:50px;padding:12px 8px}
#workbench .reader-steps-hint-071{
 color:var(--muted);font-size:.7rem;text-align:center;margin:0;
}
body[data-theme="light"] #workbench .pandinha-reader-modes-071,
body[data-theme="light"] #workbench .reader-steps-ingredients-071{
 background:#edf3e8;border-color:#9daf98;
}
body[data-theme="light"] #workbench .reader-mode-button-071{color:#36523b}
body[data-theme="light"] #workbench .reader-mode-button-071[aria-pressed="true"]{
 background:#d5e6cb;color:#244222;border-color:#81a576;
}
body[data-theme="light"] #workbench .reader-steps-card-071{
 background:linear-gradient(145deg,#eff6e8,#e0ebdc);
 border-color:#9aa995;color:#24352c;
}
body[data-theme="light"] #workbench .reader-steps-ingredients-071>summary{color:#29432e}
body[data-theme="light"] #workbench .reader-steps-count-071{color:#40543d}
body[data-theme="light"] #workbench .reader-steps-progress-071 span{background:#a9b9a1}
body[data-theme="light"] #workbench .reader-steps-progress-071 span[aria-current="step"]{background:#547f36}
@media(max-width:730px){
 #workbench .pandinha-reader-modes-071{margin-top:8px}
 #workbench .reader-mode-button-071{font-size:clamp(.72rem,3.15vw,.86rem);padding:8px 4px}
 #workbench .reader-steps-card-071{min-height:255px}
}
@media(max-width:360px){
 #workbench .reader-mode-button-071{font-size:.69rem}
}