/* R36: progressive disclosure — three clear first actions, optional tools later. */
.eif-more-tools,.eif-layout-details{max-width:1180px;margin:20px auto 0}
.eif-more-tools>summary,.eif-layout-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #bbd3c4;border-radius:16px;background:#f3f7f1;color:#214839;padding:16px 20px;font:700 15px/1.35 system-ui;cursor:pointer;min-height:52px}
.eif-more-tools>summary::-webkit-details-marker,.eif-layout-details>summary::-webkit-details-marker{display:none}
.eif-more-tools>summary:after,.eif-layout-details>summary:after{content:'⌄';font-size:24px;line-height:1}
.eif-more-tools[open]>summary:after,.eif-layout-details[open]>summary:after{content:'⌃'}
.eif-more-tools>summary:focus-visible,.eif-layout-details>summary:focus-visible{outline:3px solid #77aa8c;outline-offset:2px}
.eif-more-tools .feature-grid{margin-top:16px}
.eif-layout-details .eif-template-entry{margin:12px auto 0}
@media(max-width:600px){.eif-more-tools>summary,.eif-layout-details>summary{padding:14px 15px}.eif-more-tools,.eif-layout-details{margin:14px 12px 0}}

/* On a small phone, put the three actions ahead of decorative planning art. */
@media(max-width:600px){.hero-visual{display:none!important}}