.life-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:44px;align-items:center;background:linear-gradient(115deg,#252043,#5540a5 65%,#49668c)}
.life-hero-note{z-index:1;border:1px solid #ffffff38;border-radius:18px;padding:28px;background:#ffffff0d}
.life-note-kicker{font-size:13px;color:#e9e3ff;font-weight:800;letter-spacing:.04em}
.life-hero-note h2{font-size:25px;line-height:1.5;letter-spacing:-.04em;margin:12px 0}
.life-hero-note .button{margin-top:22px}
.life-section-intro{display:flex;gap:20px;align-items:end;justify-content:space-between;margin:32px 0 20px}
.life-section-intro h2{font-size:24px;letter-spacing:-.04em;margin:5px 0 0}
.life-section-intro>p{font-size:14px;color:#606b7e;margin:0}
.life-kicker{font-size:12px!important;letter-spacing:.06em;font-weight:800;color:#6a429c;margin:0 0 8px}
.life-toolbar{display:block!important}
.life-toolbar .feed-search input{flex:1;width:auto}
.life-toolbar .feed-search>.button{flex:0 0 auto;white-space:nowrap}
.life-toolbar .chip-row{margin-top:16px;flex-wrap:wrap;overflow:visible}
.life-feed:empty{display:none}
.life-guide{border-bottom:1px solid #e9edf3}
.life-guide:last-child{border-bottom:0}
.life-guide-button{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 24px;gap:18px;text-align:left;border:0;background:transparent;padding:26px 0;cursor:pointer;color:#20283d;align-items:start}
.life-guide-icon{height:56px;width:56px;display:grid;place-items:center;background:#eeebfb;color:#603ca1;border-radius:16px;font-size:22px;font-weight:800}
.life-guide[data-category="mobility"] .life-guide-icon{color:#08765b;background:#e5f6f0}
.life-guide[data-category="travel"] .life-guide-icon{color:#845505;background:#fff3db}
.life-guide[data-category="daily"] .life-guide-icon{color:#315c9c;background:#eaf1fc}
.life-guide-meta{font-size:13px;color:#677285}
.life-guide-title{font-size:21px;line-height:1.5;display:block;margin:7px 0;font-weight:800;letter-spacing:-.03em}
.life-guide-button:hover .life-guide-title{color:#6735c8}
.life-guide-description{font-size:15px;color:#5d687b;line-height:1.8;display:block}
.life-guide-cta{display:block;font-size:13px;color:#603b9a;font-weight:750;margin-top:14px}
.life-guide-arrow{align-self:center;color:#76519f;font-size:20px}
.life-how{background:#f5f2fc}
.life-how .principles li+li{margin-top:12px}
.life-editor-note p{font-size:14px;line-height:1.85;color:#5d687b}
.life-dialog{max-height:calc(100dvh - 32px);width:min(780px,calc(100% - 28px));overflow:hidden;padding:0}
.life-dialog[open]{display:flex;flex-direction:column}
.life-dialog .dialog-head{flex-shrink:0;align-items:flex-start;background:white}
.life-dialog .dialog-head h2{line-height:1.5;font-size:23px}
.life-dialog .dialog-body{min-height:0;max-height:none;overflow-y:auto;padding:26px;overscroll-behavior:contain}
.life-detail-intro{font-size:17px;line-height:1.8;margin:0 0 24px;color:#4e5b70}
.life-checklist{margin:0;padding-left:24px;line-height:1.9;color:#344158;font-size:16px}
.life-checklist li+li{margin-top:16px}
.life-detail-notice{background:#f4f6fa;border-radius:12px;padding:16px;margin:24px 0 0;color:#5c687b;font-size:14px;line-height:1.8}
.life-dialog-actions{border-top:1px solid #e4e8f1;display:flex;justify-content:space-between;gap:12px;flex-shrink:0;padding:18px 22px;background:white}
@media(max-width:1100px){.life-hero{gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)}.life-hero-note{padding:22px}.life-hero-note h2{font-size:22px}}
@media(max-width:800px){.life-hero{grid-template-columns:1fr}.life-hero-note{padding:20px}.life-hero-note br{display:none}.life-hero-note h2{font-size:20px}.life-hero-note .button{margin-top:16px}.life-section-intro{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:700px){.life-guide-button{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:22px 0}.life-guide-icon{width:42px;height:42px;border-radius:12px;font-size:18px}.life-guide-title{font-size:18px}.life-guide-arrow{display:none}.life-guide-description{font-size:14px}.life-dialog .dialog-head{padding:16px}.life-dialog .dialog-head h2{font-size:20px}.life-dialog .dialog-body{padding:20px}.life-dialog-actions{padding:14px;flex-wrap:wrap}.life-dialog-actions .button{flex:1 1 100%;min-height:46px}.life-section-intro h2{font-size:22px}}