.administrative-library-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;margin:1rem 0 1.25rem}
.administrative-library-controls label{display:grid;gap:.45rem;color:#102c3e;font-weight:700;min-width:0}
.administrative-library-controls input{width:100%;min-width:0;min-height:48px;box-sizing:border-box;border:1px solid #cad8d5;border-radius:12px;padding:.7rem .85rem;background:#fff;color:#102c3e;font:inherit;font-size:16px}
.administrative-library-controls :focus-visible,.administrative-category-card:focus-visible{outline:3px solid #ba8525;outline-offset:3px}
.administrative-library-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.administrative-library-navigation button{min-height:44px;white-space:normal;max-width:100%}
.administrative-library-scope{margin:0;color:#143547;line-height:1.65;font-weight:600}
.administrative-library-count{margin:0;color:#526a71;line-height:1.6}
.administrative-docs-page .administrative-template-grid[hidden],.administrative-docs-page .administrative-category-grid[hidden],.administrative-template-grid [hidden],.administrative-library-controls [hidden],.administrative-docs-page #administrativeLetterForm[hidden],.administrative-docs-page .administrative-preview[hidden],.administrative-docs-page .administrative-model-guidance[hidden]{display:none!important}
.administrative-library-optional{margin:1rem 0;border:1px solid #d0e0d9;border-radius:14px;background:#fffefa;min-width:0}
.administrative-library-optional>summary{padding:1rem;color:#143547;font-weight:700;cursor:pointer;min-height:44px;box-sizing:border-box;line-height:1.5}
.administrative-library-optional>summary:focus-visible{outline:3px solid #ba8525;outline-offset:3px}
.administrative-library-optional>section{margin-top:0!important;border:0;box-shadow:none}
.administrative-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 1.5rem}
.administrative-category-grid .administrative-category-card{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:.4rem;min-width:0;height:auto;min-height:190px;padding:1.1rem;text-align:start;border:1px solid #cbded6;border-radius:18px;background:linear-gradient(145deg,#fffefa,#eef7f3);box-shadow:0 3px 10px #102c3e08;color:#102c3e;font:inherit;cursor:pointer;overflow-wrap:anywhere}
.administrative-category-grid .administrative-category-card:hover{border-color:#0b8073;background:#eff8f4}
.administrative-category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e2f0e9;font-size:1.45rem}
.administrative-category-card strong{font-size:1.05rem;line-height:1.35}
.administrative-category-ar{font-size:1rem;line-height:1.6;text-align:right}
.administrative-category-card small{color:#526a71;font-size:.85rem;line-height:1.5}
.administrative-category-count{display:grid;gap:.15rem}
.administrative-category-count [lang=ar]{text-align:right;white-space:nowrap}
.administrative-category-open{margin-top:.15rem;font-size:.88rem;font-weight:700;color:#08766a}
.administrative-template-grid button{min-width:0;align-content:start;text-align:start;height:auto;min-height:150px;overflow-wrap:anywhere}
.administrative-template-grid .administrative-title-ar{display:block;font-size:1rem;font-weight:500;line-height:1.65;margin-top:.4rem;text-align:right}
.administrative-model-guidance{margin:1rem 0;padding:1rem 1.2rem;border:1px solid #d0e0d9;border-inline-start:4px solid #0b8073;border-radius:12px;background:#f3f8f5;color:#143547}
.administrative-model-guidance p{margin:.55rem 0;line-height:1.65}
.administrative-details-hint{font-size:.95rem;color:#47616d}
#administrativeLetterValidation:empty{display:none}
@media(max-width:900px){.administrative-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.administrative-category-grid{gap:.65rem}.administrative-category-grid .administrative-category-card{padding:.85rem;min-height:180px;border-radius:14px}.administrative-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.administrative-template-grid button{padding:.75rem!important}.administrative-model-guidance{padding:.8rem}.administrative-title-ar{font-size:.9rem!important}}
@media(max-width:380px){.administrative-template-grid{grid-template-columns:1fr!important}.administrative-category-grid .administrative-category-card{padding:.7rem;font-size:.93rem}}
@media print{.administrative-library-controls,.administrative-category-grid,.administrative-model-guidance{display:none!important}}

/* The original small-screen stylesheet uses a horizontal flex strip here.
   Set the display mode as well as tracks, so long bilingual letter titles
   remain readable after opening a category. Category cards are unchanged. */
.administrative-docs-page .administrative-template-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;overflow:visible!important;scroll-snap-type:none!important}
.administrative-docs-page .administrative-template-grid[hidden]{display:none!important}
.administrative-docs-page .administrative-template-grid button{flex:none!important;width:auto;max-width:100%;height:auto;scroll-snap-align:none!important;word-break:normal;overflow-wrap:break-word}
.administrative-docs-page .administrative-template-grid button b{font-size:1rem!important;line-height:1.5!important}
.administrative-docs-page .administrative-template-grid button small{font-size:.85rem!important;line-height:1.5!important}
@media(max-width:900px){.administrative-docs-page .administrative-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.administrative-docs-page .administrative-template-grid{grid-template-columns:minmax(0,1fr)!important}.administrative-docs-page .administrative-template-grid button{padding:1rem!important;min-height:0}}
@media(max-width:360px){.administrative-docs-page .administrative-category-grid{grid-template-columns:minmax(0,1fr)}}