:root{--bg:#F7F0E4;--deep:#E8DCC8;--card:#FFF8EE;--soft:#F3E8D4;--text:#2A2418;--body:#3A3428;--muted:#6A6458;--muted2:#8A8478;--coral:#E07070;--gold:#E0B050;--mint:#70C090;--sky:#70A8D8;--violet:#A080D0;--border:rgba(42,36,24,.12);--focus:rgba(224,176,80,.5);--shadow:0 12px 28px rgba(42,36,24,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html.locked{overflow:hidden}body{margin:0;background:var(--bg);color:var(--body);font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.wrap{width:min(960px,calc(100% - 32px));margin:auto}a{color:inherit;text-decoration:none}button{font:inherit}.topline{position:fixed;top:0;left:0;right:0;height:20px;background:var(--bg);z-index:80;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.topline-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-btn,.menu-btn,.drawer button,.search-head button{border:0;background:none;color:inherit;cursor:pointer}.mainhead{position:fixed;top:20px;left:0;right:0;background:var(--card);z-index:79;height:58px}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}.brand-img img,.footer-logo img,.drawer-head img{height:24px;width:auto;display:block;object-fit:contain}.brand-img:empty{display:none}.brand-text{font-size:16px}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.menu-btn{min-height:44px;padding:0 13px;display:inline-flex;align-items:center;border-radius:14px}.head-app{background:var(--soft)}.menu-btn{background:linear-gradient(90deg,var(--gold),var(--coral),var(--violet));color:var(--text)}.color-line{height:4px;display:flex}.color-line i{flex:1}.color-line i:nth-child(1){background:var(--coral)}.color-line i:nth-child(2){background:var(--gold)}.color-line i:nth-child(3){background:var(--mint)}.color-line i:nth-child(4){background:var(--sky)}.color-line i:nth-child(5){background:var(--violet)}.category-nav{position:fixed;top:78px;left:0;right:0;height:50px;background:var(--card);z-index:70;border-bottom:1px solid var(--border)}.category-inner{height:50px;display:flex;justify-content:center;align-items:center;gap:28px}.category-inner a{font-size:13px;padding:8px 10px;border-radius:999px}.category-inner a.active{background:var(--soft);font-weight:700}.site-main{padding-top:150px}.hero{padding:44px 0 36px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.chips a,.topic-row a{background:var(--card);border:1px solid var(--border);padding:8px 13px;border-radius:999px}.hero h1,.inner-hero h1{font-size:24px;line-height:1.3;margin:0 0 8px;color:var(--text)}.lead{font-size:20px;color:var(--text);margin:0 0 10px}.hero p{max-width:760px}.btn{min-height:44px;padding:0 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-top:14px;font-size:14px}.primary{background:linear-gradient(90deg,var(--gold),var(--coral) 52%,var(--violet));color:var(--text)}.secondary{background:var(--card);border:1px solid var(--gold);color:var(--text)}.btn:hover,.category-inner a:hover,.topic-row a:hover,.special-grid a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.section{padding:42px 0}.section-head{margin-bottom:18px}.section-head span,.inner-hero>span,.stagger-copy>span,.about-mini span{font-size:12px;color:var(--muted2)}.section-head h2,.stagger-copy h2,.app-showcase h2,.about-mini h2,.inner-content h2{font-size:20px;line-height:1.4;color:var(--text);margin:4px 0 0}.section-head.center{text-align:center}.media-slot,.ribbon-media,.stagger-media,.app-image,.brand-pic{background:var(--card);border:1px solid var(--border);border-radius:22px;min-height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img,.ribbon-media img,.stagger-media img,.app-image img,.brand-pic img{max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}.media-slot.wide{height:220px}.media-slot.compact{height:180px}.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ribbon-media{height:156px}.ribbon-grid,.three-notes,.guide-grid,.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.ribbon-grid article,.three-notes article,.guide-grid article,.special-grid a{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px}.ribbon-grid h3,.three-notes h3,.guide-grid h3{font-size:16px;margin:0 0 6px;color:var(--text)}.stagger{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.stagger-media{height:260px}.topic-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.three-notes{grid-template-columns:repeat(3,1fr)}.status-list{display:grid;gap:10px;margin-top:16px}.status-list>div{display:flex;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--border);padding:13px 16px;border-radius:16px}.status-list span{color:var(--muted)}.special-grid{grid-template-columns:repeat(2,1fr)}.special-grid a{display:flex;flex-direction:column}.special-grid span{color:var(--muted)}.centered{text-align:center}.centered p{max-width:720px;margin:18px auto}.app-showcase{text-align:center;background:var(--soft);border-radius:26px;padding-left:24px;padding-right:24px}.app-icon img{width:48px;height:48px;object-fit:contain}.app-image{height:320px;max-width:420px;margin:14px auto 20px}.app-showcase p{max-width:720px;margin:0 auto}.guide-grid{grid-template-columns:repeat(2,1fr)}.faq-mini details{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin:10px 0}.faq-mini summary{cursor:pointer;font-weight:700;color:var(--text)}.center-link{text-align:center}.center-link a{font-weight:700}.about-mini{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center}.brand-pic{height:240px}.inner-hero{padding:24px 0 22px}.inner-hero p{max-width:720px}.inner-content{padding:8px 0 50px}.inner-content>.media-slot{height:220px;margin-bottom:24px}.inner-content p{margin:0 0 16px}.inner-content h2{margin:30px 0 8px}.faq-page article{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:12px}.faq-page article h2{margin-top:0}.site-footer{background:var(--text);color:var(--bg);font-size:13px;margin-top:30px;padding-bottom:70px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px;padding:34px 0}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-brand p{color:#d8cfbf}.site-footer h3{font-size:14px;margin:0 0 8px}.site-footer h3.mt{margin-top:18px}.site-footer a{display:block;color:#eee4d3;margin:5px 0}.footer-copy{padding:14px 0 24px;border-top:1px solid rgba(255,255,255,.12)}.overlay{position:fixed;inset:0;background:rgba(42,36,24,.34);z-index:90;opacity:0;pointer-events:none;transition:.18s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:18px;top:88px;width:300px;max-height:380px;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);z-index:100;padding:16px;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.18s}.drawer.open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-head>div{display:flex;gap:8px;align-items:center}.drawer-head button,.search-head button{min-height:44px;padding:0 10px}.drawer-group{padding:8px 0;border-top:1px solid var(--border)}.drawer-group h3{font-size:12px;color:var(--muted);margin:0 0 6px}.drawer-group a{display:flex;flex-direction:column;padding:8px;border-radius:12px}.drawer-group a:hover{background:var(--soft)}.drawer-group span{font-size:12px;color:var(--muted)}.search-panel{position:fixed;left:50%;top:88px;transform:translateX(-50%);width:min(720px,calc(100% - 32px));z-index:100;visibility:hidden;pointer-events:none;opacity:0;transition:.18s}.search-panel.open{visibility:visible;pointer-events:auto;opacity:1}.search-card{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{background:var(--soft);padding:9px 12px;border-radius:999px}.mobile-nav{display:none}
@media(max-width:760px){.category-nav{display:none}.site-main{padding-top:96px}.mainhead{height:58px}.hero{padding-top:28px}.text-columns,.stagger,.about-mini,.footer-grid{grid-template-columns:1fr}.ribbon-grid,.three-notes,.guide-grid,.special-grid{grid-template-columns:1fr}.drawer{right:6%;top:84px;width:88%;max-height:72vh}.search-panel{inset:20px 0 0 0;transform:none;width:100%;height:calc(100dvh - 20px);background:var(--text);padding:18px;visibility:hidden}.search-panel.open{visibility:visible}.search-card{background:var(--text);color:var(--bg);border:0;box-shadow:none}.search-links a{background:#40382a;color:var(--bg)}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:75;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-nav a.active{background:var(--gold);color:var(--text);font-weight:700}.site-footer{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.footer-grid{gap:18px}.media-slot.wide,.stagger-media,.brand-pic,.inner-content>.media-slot{height:190px}.app-image{height:280px}.head-app,.menu-btn{padding:0 10px}}