/* Bayān 12.6 — aide contextuelle pédagogique détaillée */
.tool-help{margin:.8rem 0 1.05rem;border:1px solid var(--border,#82938d);border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--accent,#b78628) 6%);overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.04)}
.tool-help>summary{cursor:pointer;list-style:none;padding:.9rem 1rem;font-weight:850;display:flex;align-items:center;gap:.6rem;min-height:44px}
.tool-help>summary::-webkit-details-marker{display:none}
.tool-help>summary:before{content:"?";display:inline-grid;place-items:center;flex:0 0 auto;width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid currentColor;font-size:.95rem;font-weight:900}
.tool-help-summary-label{font-weight:900}.tool-help-summary-hint{margin-left:auto;font-size:.78rem;opacity:.68;font-weight:650}
.tool-help[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--border,#82938d) 65%,transparent)}
.tool-help-body{padding:.85rem 1rem 1.05rem;line-height:1.58}
.tool-help-section{margin:.25rem 0 1rem}.tool-help-section:last-child{margin-bottom:0}.tool-help-section h4{margin:.1rem 0 .5rem;font-size:.93rem;letter-spacing:.01em}.tool-help-section p{margin:.4rem 0}.tool-help-section ul,.tool-help-section ol{margin:.35rem 0;padding-inline-start:1.35rem}.tool-help-section li{margin:.32rem 0}
.tool-help-example{padding:.78rem .85rem;border-left:4px solid var(--accent,#b78628);background:rgba(183,134,40,.085);border-radius:10px;margin:.65rem 0}.tool-help-example p{margin:.35rem 0}.expected-result{padding-top:.3rem;border-top:1px dashed rgba(127,127,127,.28)}
.tool-help-warning{padding:.7rem .8rem;border-radius:12px;background:rgba(180,110,60,.08)}
.tool-help-doc-link{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:.6rem .9rem;font:inherit;font-weight:800;cursor:pointer}
.doc-shell{max-width:1240px;margin:0 auto;padding:1.25rem}.doc-hero{padding:1.45rem;border:1px solid var(--border,#82938d);border-radius:24px;margin-bottom:1rem}.doc-hero h1{margin:.2rem 0 .55rem}
.doc-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:1rem;align-items:start}.doc-toc{position:sticky;top:90px;border:1px solid var(--border,#82938d);border-radius:18px;padding:.85rem;max-height:calc(100vh - 120px);overflow:auto}.doc-toc input{width:100%;margin-bottom:.7rem}.doc-toc button{display:block;width:100%;text-align:left;padding:.57rem .65rem;border:0;background:transparent;color:inherit;border-radius:10px;cursor:pointer}.doc-toc button:hover{background:rgba(127,127,127,.1)}
.doc-content{min-width:0}.doc-section{border:1px solid var(--border,#82938d);border-radius:20px;padding:1.05rem 1.15rem;margin-bottom:1rem}.doc-section h2{margin-top:0}.doc-section h3{margin:.2rem 0 .45rem;font-size:1rem}.doc-term{display:grid;grid-template-columns:minmax(125px,195px) 1fr;gap:.9rem;padding:.75rem 0;border-bottom:1px dashed var(--border,#ccd4d0)}.doc-term:last-child{border-bottom:0}.doc-code{direction:rtl;font-size:1.18em}.doc-note{padding:.8rem;border-radius:12px;background:rgba(100,130,120,.09)}
.doc-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.doc-mode-grid>article{border:1px solid color-mix(in srgb,var(--border,#82938d) 70%,transparent);border-radius:14px;padding:.8rem}.doc-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.doc-choice-grid p{margin:0;padding:.7rem;border-radius:12px;background:rgba(127,127,127,.06)}.doc-recipes{padding-inline-start:1.2rem}.doc-recipes li{margin:.55rem 0}
@media(max-width:760px){.doc-layout{grid-template-columns:1fr}.doc-toc{position:static;max-height:none}.doc-term{grid-template-columns:1fr}.doc-mode-grid,.doc-choice-grid{grid-template-columns:1fr}.doc-shell{padding:.7rem}.tool-help-body{padding-left:.8rem;padding-right:.8rem}.tool-help-summary-hint{display:none}}
@media print{.doc-toc,.topbar,.scroll-to-top,.tool-help-doc-link{display:none!important}.doc-layout{display:block}.doc-section{break-inside:avoid}.tool-help{break-inside:avoid}}
