/* StayOS v0.7 Help Center: scoped styles, balanced desktop/mobile layouts */
.guide-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:center;gap:25px;padding:34px; border-radius:20px;background:linear-gradient(115deg,#111e3f 15%,#243866 85%);color:#f7fbff;box-shadow:0 12px 35px rgba(14,29,55,.11)}
.guide-eyebrow{color:#8faafd;font-size:11px;font-weight:800;letter-spacing:.11em}.guide-hero h1{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.025em;line-height:1.4;color:#fff;margin:11px 0 6px}.guide-hero p{color:#c0cee8;font-size:14px;line-height:1.75;max-width:660px;margin:0}.guide-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.guide-tags span{font-size:11px;color:#dce6fa;background:#ffffff14;padding:7px 11px;border:1px solid #ffffff27;border-radius:100px}
.guide-progress-overview{background:#ffffff14;border:1px solid #ffffff22;border-radius:14px;padding:20px}.guide-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:11px}.guide-progress-top strong{font-size:18px}.guide-meter{width:100%;background:#b9c6d54d;height:9px;border-radius:99px;overflow:hidden}.guide-meter>span{height:100%;display:block;background:linear-gradient(90deg,#55d4c0,#a8eee0);border-radius:99px;transition:width .3s}.guide-progress-overview small{display:block;font-size:11px;line-height:1.7;color:#d0daf0;margin-top:12px}
.guide-audiences{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.guide-audiences a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #dee5ef;border-radius:10px;color:#425270;background:white;text-decoration:none;font-size:12px;font-weight:600;transition:.2s}.guide-audiences a.selected{background:#e5f6f2;border-color:#9adcd3;color:#087b74}.guide-audiences a:hover{border-color:#73bdb3}.guide-audiences .icon{flex-shrink:0}
.guide-info,.guide-note{display:flex;align-items:flex-start;gap:10px;border-radius:11px;border:1px solid #c4e6e0;background:#eefaf7;padding:13px 16px;color:#156f69;font-size:12px;line-height:1.7;margin:16px 0}.guide-info .icon,.guide-note .icon{flex-shrink:0}.guide-note p{margin:0}
.guide-filters{display:flex;align-items:stretch;gap:12px;margin:24px 0 20px;flex-wrap:wrap}.guide-search-label{position:relative;display:flex;align-items:center;flex:1 1 300px;min-width:0}.guide-search-label .icon{position:absolute;left:13px;color:#73829c;pointer-events:none}.guide-search-label input{width:100%;padding:12px 12px 12px 43px;border:1px solid #dce4ed;border-radius:10px;background:#fff;font-size:13px;min-height:44px}.guide-category-label{display:flex;gap:9px;align-items:center;padding:0 11px;background:#fff;border:1px solid #dce4ed;border-radius:10px;color:#60708d;font-size:12px}.guide-category-label select{border:0;background:transparent;min-height:44px;font-size:12px;min-width:115px;color:#253653;outline:none}.guide-filters button,.guide-filters>a{min-height:44px;display:inline-flex;align-items:center}.guide-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 13px}.guide-list-heading h2{font-size:18px;margin:0;color:#21304f}.guide-list-heading>span{color:#8290a5;font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{min-width:0;border:1px solid #e2e8f0;border-radius:16px;background:white;box-shadow:0 4px 18px #1e32540a;padding:23px;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;min-height:221px}.guide-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #142a4f18;border-color:#aad6d0}.guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.guide-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#159589;background:#e6f7f3}.guide-card-category{font-size:11px;font-weight:700;color:#6c7e9b;background:#f3f6fa;padding:5px 8px;border-radius:7px}.guide-card h3{color:#1e3052;font-size:16px;line-height:1.5;margin:18px 0 6px}.guide-card p{color:#78859c;font-size:12px;line-height:1.75;margin:0 0 19px;flex:1}.guide-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#60718d;font-size:11px;border-top:1px solid #ecf1f5;padding-top:12px}.guide-card-bottom>span{display:inline-flex;align-items:center;gap:5px}.guide-card-bottom>span:last-child{font-weight:700;color:#0f8d80;white-space:nowrap}.guide-card-progress{height:5px;border-radius:6px;background:#edf2f6;margin-top:13px;overflow:hidden}.guide-card-progress span{height:100%;background:#16a999;display:block;border-radius:6px}.guide-card>small{font-size:10px;color:#8694a7;margin-top:6px}.guide-empty{grid-column:1/-1;display:grid;justify-items:center;text-align:center;gap:10px;padding:40px;background:#fff;border:1px dashed #ccd7e5;border-radius:14px}.guide-empty h3,.guide-empty p{margin:0}.guide-empty p{color:#78859c;font-size:13px}.guide-bottom-help{margin:28px 0 8px;padding:16px 19px;border:1px solid #dce5ef;border-radius:13px;background:#f7f9fc;display:flex;align-items:center;justify-content:space-between;gap:18px}.guide-bottom-help>div{display:flex;align-items:center;gap:13px}.guide-bottom-help>div>.icon{color:#16a293}.guide-bottom-help strong,.guide-bottom-help small{display:block}.guide-bottom-help strong{font-size:13px}.guide-bottom-help small{font-size:11px;color:#74819a;margin-top:3px}
.guide-detail-head{max-width:1130px}.guide-back{font-size:12px;font-weight:600;color:#0c8e81;text-decoration:none}.guide-detail-hero{display:flex;justify-content:space-between;gap:18px;padding:22px 0 16px;align-items:center}.guide-detail-hero h1{font-size:clamp(24px,2.4vw,32px);color:#142441;margin:7px 0}.guide-detail-hero p{font-size:13px;color:#71809a;margin:0;line-height:1.7}.guide-detail-icon{width:67px;height:67px;border-radius:19px;display:grid;place-items:center;background:#e5f5f1;color:#079185;flex-shrink:0}.guide-detail-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid #e1e7f0;padding:16px 20px;border-radius:12px;margin-bottom:20px}.guide-detail-progress strong,.guide-detail-progress span{display:block}.guide-detail-progress strong{font-size:14px;color:#203454}.guide-detail-progress span{font-size:11px;color:#79859b;margin-top:5px}.guide-detail-progress .guide-meter{width:40%;background:#e5ecf1}
.guide-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px;max-width:1130px}.guide-steps{min-width:0}.guide-step{border:1px solid #e1e7ef;border-radius:15px;background:white;padding:24px;margin-bottom:14px;scroll-margin-top:90px;transition:border-color .2s}.guide-step.is-done{border-color:#a2ddd1;background:#fcfffe}.guide-step-header{display:flex;align-items:center;gap:14px}.guide-step-number{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e7edf7;color:#253858;font-weight:800;flex-shrink:0}.guide-step.is-done .guide-step-number{background:#d7f4e9;color:#108f73}.guide-step-caption{font-size:11px;color:#7990aa;font-weight:700}.guide-step h2{font-size:16px;color:#1c2e4e;margin:3px 0 0}.guide-step>p{font-size:13px;color:#60708c;line-height:1.8;margin:13px 0 17px 53px}.guide-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-left:53px}.guide-step-actions form{margin:0}.guide-step-unavailable{font-size:11px;color:#78889f}.guide-done-button{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:8px 12px;border:1px solid #badbd6;border-radius:9px;background:#f1fcf9;color:#0d8176;font-size:12px;cursor:pointer;font-weight:700}.guide-done-button:hover{background:#d9f7ee}.guide-done-button.completed{background:#ecf0f5;border-color:#e1e7ee;color:#516681}.guide-side-card{position:sticky;top:90px;border:1px solid #e3e8f0;border-radius:15px;background:white;padding:19px}.guide-side-title{display:flex;align-items:center;gap:9px;font-size:13px;color:#1b2b4b;font-weight:800}.guide-side-card ol{list-style:none;margin:15px 0;padding:0;display:grid;gap:8px}.guide-side-card li a{text-decoration:none;color:#66758f;display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.55;padding:7px 5px}.guide-side-card li a:hover{color:#0c8e81}.guide-side-card li span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:7px;background:#eef2f7;color:#506581;font-size:11px;font-weight:800}.guide-side-tip{display:flex;gap:8px;border-top:1px solid #e8edf2;padding-top:15px;color:#6c7f98;font-size:11px;line-height:1.7}.guide-side-tip svg{flex-shrink:0}.guide-finish-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 35px}.guide-finish-actions form{margin:0}
@media(max-width:1150px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail-columns{grid-template-columns:minmax(0,1fr) 225px}}@media(max-width:850px){.guide-hero{grid-template-columns:1fr}.guide-detail-columns{grid-template-columns:1fr}.guide-side-card{position:static;order:-1}.guide-side-card ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:590px){.guide-hero{padding:22px}.guide-grid{grid-template-columns:1fr}.guide-hero h1{font-size:24px}.guide-detail-hero{align-items:flex-start}.guide-detail-icon{width:49px;height:49px}.guide-list-heading{align-items:flex-start;flex-direction:column;gap:5px}.guide-filters{flex-direction:column}.guide-search-label,.guide-category-label{flex:unset;width:100%}.guide-search-label input{min-height:45px}.guide-category-label select{flex:1}.guide-detail-progress{align-items:stretch;flex-direction:column}.guide-detail-progress .guide-meter{width:100%}.guide-step{padding:18px}.guide-step>p,.guide-step-actions{margin-left:0}.guide-side-card ol{grid-template-columns:1fr}.guide-bottom-help{align-items:flex-start;flex-direction:column}}
@media print{.sidebar,.mobile-shade,.topbar,.app-footer,.guide-side-card,.guide-done-button,.guide-finish-actions,.guide-back,.guide-step-actions{display:none!important}.app-shell .shell-main{margin-left:0!important;width:100%!important}.app-shell .dashboard-content{padding:0!important;max-width:none}.guide-detail-columns{display:block}.guide-step{break-inside:avoid;border-color:#ddd}.guide-step>p{color:#333}.guide-detail-hero h1{color:#000}}