/* Discovery components are scoped to avoid changing existing article colors. */
.life-start{max-width:1120px;margin:0 auto;padding:42px 24px 52px;}
.life-start .life-kicker,.life-hub .life-kicker{font-size:12px;letter-spacing:.14em;color:#d6b5f3;font-weight:600;margin:0 0 12px;}
.life-start h2{font-size:clamp(25px,3vw,34px);line-height:1.5;margin:0 0 12px;letter-spacing:.02em;}
.life-start .life-intro{color:#d0c3df;margin:0 0 26px;font-size:16px;line-height:1.9;}
.life-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.life-path-card{display:flex;flex-direction:column;gap:15px;text-decoration:none;padding:24px 20px;background:#241b31;border:1px solid #574367;border-radius:18px;color:#f8f1fd;transition:border-color .2s,transform .2s;}
.life-path-card:hover{border-color:#c3a0e1;transform:translateY(-3px);}
.life-path-card .path-no{color:#c7a6df;font:14px/1.5 Georgia,serif;}
.life-path-card h3{font-size:18px;line-height:1.7;color:inherit;margin:0;}
.life-path-card p{font-size:13px;line-height:1.8;color:#cfc2dd;margin:0;}
.life-path-card .path-cta{margin-top:auto;color:#e5c6fb;font-size:13px;}
.life-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-top:24px;padding:26px;background:#faf6ef;color:#31243c;border-radius:20px;text-decoration:none;}
.life-feature img{width:100%;height:auto;border-radius:12px;display:block;}
.life-feature .feature-kicker{font-size:12px;letter-spacing:.1em;color:#79549a;}
.life-feature h3{font-size:clamp(21px,2.1vw,28px);line-height:1.65;margin:10px 0;color:#31243c;}
.life-feature p{font-size:14px;line-height:1.85;color:#605565;margin:0 0 16px;}
.life-feature .feature-cta{color:#68467f;font-weight:600;font-size:14px;}
.growth-share{margin:30px 0;padding:22px 24px;border:1px solid #715883;border-radius:16px;background:#241a32;}
.growth-share .share-label{font-size:15px;line-height:1.7;font-weight:600;color:#f3eafa;margin:0 0 14px;}
.share-actions{display:flex;gap:10px;flex-wrap:wrap;}
.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #9b7cb0;border-radius:10px;background:#352443;color:#f7effe;font:500 14px/1.5 'Noto Sans TC',sans-serif;text-decoration:none;cursor:pointer;}
.share-actions a:hover,.share-actions button:hover{background:#483359;color:#fff;}
.growth-share [data-share-status]{margin:8px 0 0;min-height:1.4em;font-size:12px;color:#d5c5e3;line-height:1.6;}
.site-light .growth-share{background:#f3ebf5;border-color:#d8c7df;}
.site-light .growth-share .share-label{color:#31243c;}
.site-light .share-actions a,.site-light .share-actions button{color:#503269;background:#fffcf8;border-color:#a58ab4;}
.site-light .share-actions a:hover,.site-light .share-actions button:hover{background:#e8dced;color:#31243c;}
.site-light .growth-share [data-share-status]{color:#605565;}
.growth-related{margin:36px 0 12px;padding:26px;border:1px solid #d8c7df;border-radius:18px;background:#fffcf8;}
.site-light .growth-related h2{font:600 25px/1.6 'Noto Serif TC',serif;margin:0 0 14px;color:#31243c;}
.growth-related a{display:block;padding:15px 0;border-bottom:1px solid #e4d7e5;text-decoration:none;color:#503269;font-weight:500;line-height:1.8;}
.growth-related a:last-child{border-bottom:0;}
.growth-related a small{display:block;font-size:13px;font-weight:400;color:#706776;margin-top:5px;}
.life-hub{margin:0;background:#faf6ef;color:#31243c;font-family:'Noto Sans TC',sans-serif;line-height:1.9;}
.life-hub .page{max-width:1100px;margin:auto;padding:var(--site-header-height) 30px 0;}
.life-hub .hub-intro{padding:54px 0 30px;max-width:760px;}
.life-hub .life-kicker{color:#79549a;}
.life-hub h1{font:700 clamp(32px,4vw,48px)/1.5 'Noto Serif TC',serif;margin:8px 0 22px;color:#31243c;}
.life-hub .hub-lead{color:#605565;font-size:17px;margin:0 0 22px;}
.hub-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 42px;}
.hub-nav a{border:1px solid #baa2c7;padding:9px 17px;border-radius:30px;font-size:14px;color:#503269;text-decoration:none;background:#fffcf8;min-height:44px;}
.life-route{border-top:1px solid #d8c7df;padding:40px 0 46px;scroll-margin-top:110px;}
.life-route h2{font:600 clamp(25px,3vw,32px)/1.6 'Noto Serif TC',serif;margin:0 0 14px;color:#31243c;}
.life-route .route-intro{font-size:16px;color:#605565;max-width:760px;margin:0 0 26px;}
.route-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start;}
.route-reading{background:#f0e7f3;border:1px solid #d8c7df;border-radius:16px;padding:24px;}
.route-reading .route-label,.route-videos .route-label{font-size:12px;color:#79549a;font-weight:600;letter-spacing:.1em;margin:0 0 12px;}
.route-reading a{display:block;font:600 22px/1.6 'Noto Serif TC',serif;color:#503269;text-decoration:none;}
.route-reading p{font-size:14px;color:#605565;margin:14px 0 0;}
.route-videos{padding:8px 0;}
.route-videos ol{padding:0;list-style:none;margin:0;counter-reset:video;}
.route-videos li{counter-increment:video;border-bottom:1px solid #e4d7e5;}
.route-videos a{display:flex;gap:12px;padding:13px 0;text-decoration:none;color:#503269;font-size:15px;line-height:1.8;}
.route-videos a::before{content:counter(video,decimal-leading-zero);font:14px/1.8 Georgia,serif;color:#89653f;}
.route-practice{padding:21px 24px;margin-top:24px;border-left:3px solid #a47c50;background:#fffcf8;border-radius:0 12px 12px 0;}
.route-practice h3{color:#503269;font-size:16px;margin:0 0 7px;}
.route-practice p{font-size:15px;margin:0;color:#493a54;}
.hub-footer{padding:35px 0;border-top:1px solid #d8c7df;font-size:13px;color:#706776;}
.hub-footer a{color:#68467f;}
@media(max-width:900px){.life-paths{grid-template-columns:repeat(2,minmax(0,1fr));}.life-feature{gap:22px;padding:22px;}}
@media(max-width:600px){.life-start{padding:30px 20px 40px;}.life-paths{gap:10px;}.life-path-card{padding:17px 15px;gap:10px;}.life-path-card h3{font-size:16px;}.life-path-card p{font-size:12px;}.life-path-card .path-cta{font-size:12px;}.life-feature{grid-template-columns:1fr;padding:18px;gap:18px;}.growth-share{padding:18px;margin:24px 0;}.share-actions{gap:8px;}.share-actions a,.share-actions button{padding:10px 13px;}.growth-related{padding:20px;}.life-hub .page{padding-left:22px;padding-right:22px;}.life-hub .hub-intro{padding-top:34px;}.route-layout{grid-template-columns:1fr;gap:20px;}.life-route{padding:32px 0;}.route-reading{padding:20px;}.route-practice{padding:18px;}}
@media(prefers-reduced-motion:reduce){.life-path-card{transition:none;}.life-path-card:hover{transform:none;}}