/* Final mobile alignment pass: one shared header and one full-width title treatment. */
.modal:has(.help-topics){background:#f8fafb;color:#182b39}
.modal:has(.help-topics) .eyebrow{color:#a17a40;font-weight:800;letter-spacing:.14em}
.modal:has(.help-topics) #modalTitle{color:#172a38;font-size:clamp(26px,3vw,36px)}
.modal:has(.help-topics) .help-intro{color:#506371;font-size:16px;line-height:1.5}
.modal:has(.help-topics) .help-search{border:1px solid #cbd9e0;background:#fff;border-radius:13px}
.modal:has(.help-topics) .help-topic{border:1px solid #dbe4e8;background:#fff;border-radius:14px;color:#172a38;box-shadow:0 5px 15px #1027360b}
.modal:has(.help-topics) .help-topic:hover{border-color:#c9a46c;box-shadow:0 8px 21px #1027361a}.modal:has(.help-topics) .help-topic:focus-visible{border-color:#c9a46c;box-shadow:0 8px 21px #1027361a}
.modal:has(.help-topics) .help-topic-icon{background:#1b2f3e;color:#e9c98f}
.modal:has(.help-topics) .help-topic-copy em{color:#936a30}
.modal:has(.help-topics) .help-topic-copy small{color:#536a79}
.modal:has(.help-topics) .help-topic>b{color:#a47b40}
.modal .help-contact-card{background:linear-gradient(120deg,#10202e,#233a4d)!important;border:1px solid #a98b5b!important;color:#fff!important}
.modal .help-contact-card span{color:#e7c991!important;-webkit-text-fill-color:#e7c991!important}
.modal .help-contact-card strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
.modal .help-contact-card a{color:#f1d39a!important;-webkit-text-fill-color:#f1d39a!important;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){
 
 body.field-mode .bottom-nav{}body:not(.field-mode) .bottom-nav{}
 body.field-mode .bottom-nav button{}body:not(.field-mode) .bottom-nav button{}
 
 
 body.field-mode .content> .page-head{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .ren-page> .ren-hero{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .routine-hero{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .routine-detail-hero{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .outdoor-page> .page-head{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .work-calendar-page> .page-head{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .planning> .page-head{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content> .timehbu> .timehbu-hero{box-sizing:border-box!important;width:calc(100% + 30px)!important;margin:0 -15px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important}
 body.field-mode .content> .page-head{padding:25px 21px 24px!important;background:radial-gradient(circle at 85% 10%,#425365 0,transparent 36%),linear-gradient(125deg,#101a25,#263b4b)!important;border-bottom:1px solid #bea06e!important;color:#fff!important}body.field-mode .content> .outdoor-page> .page-head{padding:25px 21px 24px!important;background:radial-gradient(circle at 85% 10%,#425365 0,transparent 36%),linear-gradient(125deg,#101a25,#263b4b)!important;border-bottom:1px solid #bea06e!important;color:#fff!important}body.field-mode .content> .work-calendar-page> .page-head{padding:25px 21px 24px!important;background:radial-gradient(circle at 85% 10%,#425365 0,transparent 36%),linear-gradient(125deg,#101a25,#263b4b)!important;border-bottom:1px solid #bea06e!important;color:#fff!important}body.field-mode .content> .planning> .page-head{padding:25px 21px 24px!important;background:radial-gradient(circle at 85% 10%,#425365 0,transparent 36%),linear-gradient(125deg,#101a25,#263b4b)!important;border-bottom:1px solid #bea06e!important;color:#fff!important}
 body.field-mode .content> .page-head h1{color:#fff!important;-webkit-text-fill-color:#fff!important}body.field-mode .content> .page-head p{color:#fff!important;-webkit-text-fill-color:#fff!important}body.field-mode .content> .planning> .page-head h1{color:#fff!important;-webkit-text-fill-color:#fff!important}body.field-mode .content> .planning> .page-head p{color:#fff!important;-webkit-text-fill-color:#fff!important}body.field-mode .content> .outdoor-page> .page-head h1{color:#fff!important;-webkit-text-fill-color:#fff!important}body.field-mode .content> .outdoor-page> .page-head p{color:#fff!important;-webkit-text-fill-color:#fff!important}
 body.field-mode .content> .page-head .eyebrow{color:#e6c993!important}body.field-mode .content> .planning> .page-head .eyebrow{color:#e6c993!important}
 body.field-mode .content> .ren-page> .ren-hero{border-bottom:1px solid #bea06e!important}body.field-mode .content> .routine-hero{border-bottom:1px solid #bea06e!important}body.field-mode .content> .routine-detail-hero{border-bottom:1px solid #bea06e!important}
 body.field-mode .content.content> .page-head{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .ren-page> .ren-hero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .routine-hero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .routine-detail-hero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .outdoor-page> .page-head{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .work-calendar-page> .page-head{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .planning> .page-head{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body.field-mode .content.content> .timehbu> .timehbu-hero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
 body.field-mode .content .routine-hero p{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;font-weight:650!important;text-shadow:0 1px 4px #0009}
 body.field-mode .content .routine-hero{background:linear-gradient(90deg,#101922fa 0%,#142534f7 45%,#152735d9 100%),url("./routine-hero-demo.jpg") center 42%/cover!important}
 .modal:has(.help-topics){background:#f9fafb;color:#172a38}.modal:has(.help-topics) #modalTitle{color:#172a38}.modal:has(.help-topics) .help-intro{color:#455968}.modal:has(.help-topics) .help-topic{min-height:72px;border-color:#dbe4e8;background:#fff;color:#172a38}.modal:has(.help-topics) .help-topic small{color:#536a79}
}

/* Help navigation only: collapse permitted guides into readable categories. */
.help-categories{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.help-category{min-width:0;border:1px solid #dbe4e8;border-radius:14px;background:#fff;overflow:hidden}
.help-category>summary{display:flex;align-items:center;gap:12px;min-height:64px;box-sizing:border-box;padding:16px;color:#153244;font:700 18px/1.3 "DM Sans",sans-serif;cursor:pointer;list-style:none}
.help-category>summary::-webkit-details-marker{display:none}
.help-category>summary>span{flex:1;min-width:0;overflow-wrap:anywhere}
.help-category>summary small{display:grid;place-items:center;flex:none;min-width:28px;height:28px;padding:0 5px;box-sizing:border-box;border-radius:50%;background:#edf2f5;color:#435d70;font-size:16px}
.help-category>summary b{flex:none;font-size:24px;line-height:1;transition:transform .15s}
.help-category[open]>summary b{transform:rotate(180deg)}
.help-category>summary:focus-visible{outline:3px solid #c8ad77;outline-offset:-3px}
.help-category-topics{display:grid;gap:8px;padding:0 10px 12px}
.help-category-topics .help-topic{width:100%;min-width:0}
.help-category[hidden],.help-category-topics .help-topic[hidden]{display:none!important}
@media(max-width:720px){.help-category>summary{font-size:18px;min-height:64px}.help-category-topics .help-topic{grid-template-columns:36px minmax(0,1fr) 18px;padding:12px;min-height:76px}.help-category-topics .help-topic-icon{width:34px;height:34px}}