/* Language choices stay visible and provide 44px touch targets. */
.language-switch{display:flex;align-items:center;gap:2px;flex:none;font-size:.8rem;white-space:nowrap;padding:3px;border:1px solid var(--line,#cbd5df);border-radius:9px;background:var(--paper,#fff)}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;box-sizing:border-box;padding:4px;color:var(--ink,#202b3b);border-radius:5px;text-decoration:none;line-height:1.2}
.language-switch>span{display:none}
.language-switch a:hover{background:#edf1f7}
.language-switch a[aria-current]{background:#263e65;color:#fff;font-weight:700}
.language-switch a:focus-visible{outline:3px solid #bc522e;outline-offset:2px}
html[lang="en"]{overflow-wrap:break-word;hyphens:auto}html[lang="en"] .site-nav{gap:.65rem}html[lang="en"] .nav-link{font-size:.82rem}html[lang="en"] .m-name,html[lang="en"] .ws-section-title{line-height:1.35}html[lang="en"] .btn{white-space:normal}html[lang="en"] .ws-table th{overflow-wrap:anywhere}@media(max-width:1000px){.language-switch{font-size:.75rem}}@media print{.language-switch{display:none!important}}
html[lang="en"] .worksheet-workflow .ws-table td:empty::before,html[lang="en"] .worksheet-workflow .ws-field .fill:empty::before,html[lang="en"] .worksheet-workflow .fill-area:empty::before{content:"Enter text"}html[lang="en"] .logic-model-workspace .ws-external-section .fill-area:empty::before{content:"External changes:\A Effect on the program:\A Points to check:"}
html[lang="en"] .m-en,html[lang="en"] .cat-en,html[lang="en"] .g-en{display:none}html[lang="en"] .site-header .inner{gap:12px}html[lang="en"] .site-nav a,html[lang="en"] .nav-more summary{font-size:.78rem;padding:9px 7px}html[lang="en"] .site-nav{gap:0}

html[lang="en"] .diagram-secondary-name{display:none}

@media print{html[lang="en"] .worksheet-workflow .ws-table td:empty::before,html[lang="en"] .worksheet-workflow .ws-field .fill:empty::before,html[lang="en"] .worksheet-workflow .fill-area:empty::before{content:none!important}html[lang="en"] .plan-report-meta:last-child{white-space:pre-line;break-inside:avoid;overflow-wrap:anywhere}}

/* Preserve a one-line brand while keeping the language targets at 44px. */
@media(max-width:380px){.site-header .inner,html[lang="en"] .site-header .inner{gap:4px;padding-inline:12px}.site-header .brand{gap:6px}.site-header .brand svg{width:28px;height:28px}.site-header .brand .name{font-size:1rem;line-height:1.35}}

/* Keep the brand intact at phone widths without shrinking the language targets. */
@media screen and (max-width:600px){.site-header .inner,html[lang="en"] .site-header .inner{gap:6px;padding-inline:12px}.site-header .brand{flex:none;gap:6px}.site-header .brand svg{width:28px;height:28px}.site-header .brand .name{font-size:1rem;line-height:1.35;white-space:nowrap;overflow-wrap:normal;hyphens:none}}

/* Read-only example is separate from the editable/printable plan. */
@media screen{.plan-example-entry{margin-top:.7rem}.plan-example-entry .plan-small{margin:.4rem 0 0}#plan-sample-dialog{width:min(900px,calc(100% - 24px));max-height:85dvh;box-sizing:border-box;padding:clamp(16px,4vw,32px);border:1px solid #B8CBD5;border-radius:12px;background:#FFFDF7;color:#153F5B;overflow:auto}#plan-sample-dialog::backdrop{background:rgb(21 63 91 / .45)}.plan-sample-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.plan-sample-toolbar h2{margin:0}.plan-sample-toolbar button{flex:none;min-height:44px;min-width:44px}#plan-sample-note{margin-block:1rem}#plan-sample-report{padding:0;border:0;overflow-wrap:anywhere}}