:root{--bg: #F7F3EC;--bg-soft: #FFFFFF;--text: #2B2620;--text-soft: #6B6055;--border: #E4DCCE;--primary: #2F6F5F;--primary-text: #FFFFFF;--focus: #C75B12;--radius: 18px;--shadow: 0 2px 10px rgba(43, 38, 32, .08);font-size:17px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-gutter:stable}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;font-size:1.0625rem;line-height:1.5;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;flex:1 0 auto;min-height:0}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--primary)}.landing{max-width:1440px;margin:0 auto;padding:2.5rem 1.5rem 3rem;flex:1;display:flex;flex-direction:column}.landing-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem;padding:.9rem 1.5rem;border-radius:22px;background:var(--primary);color:var(--primary-text);box-shadow:0 8px 24px #2f6f5f3d}.landing-header h1{font-size:1.8rem;margin:0;letter-spacing:.5px}.landing-header .hero-mark{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:14px;background:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:var(--shadow)}.landing-header .hero-mark svg{width:2.1rem;height:2.1rem}.landing-header .hero-mark .ring-outer{fill:none;stroke:var(--primary);stroke-width:2.5;opacity:.3}.landing-header .hero-mark .ring-inner{fill:none;stroke:var(--primary);stroke-width:3.5}.landing-header .hero-mark .dot{fill:var(--focus)}.head-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem 1.25rem;width:100%;max-width:76rem;margin:0 auto}.search-wrap{position:relative;width:100%;min-width:0;flex:1 1 22rem;max-width:40rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:30px;height:30px;fill:none;stroke:var(--text);stroke-width:2.2;stroke-linecap:round;pointer-events:none}.search-wrap:has(.app-search:not(:placeholder-shown)) .search-icon{visibility:hidden}.app-search{width:100%;font:inherit;font-size:1.2rem;padding:.9rem 1.4rem;border:2px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--text);box-shadow:var(--shadow)}.app-search::placeholder{color:var(--text-soft)}.app-search:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-color:var(--primary)}.no-results{text-align:center;color:var(--text-soft);font-size:1.2rem;padding:2.5rem 1rem}.essential-btn{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-size:1.15rem;background:var(--bg-soft);color:var(--primary);border:2px solid var(--primary);border-radius:999px;padding:.65rem 1.5rem;box-shadow:var(--shadow);transition:transform .15s ease,background .15s ease,color .15s ease}.essential-btn:hover{transform:translateY(-2px)}.essential-btn:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.essential-btn.is-on{background:var(--primary);color:var(--primary-text)}.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2.5rem 0}.category-tile{display:flex;flex-direction:column;justify-content:center;gap:.5rem;flex:1 1 calc((100% - (var(--tiles, 5) - 1) * 1rem) / var(--tiles, 5));min-width:0;container-type:inline-size;text-align:left;background:var(--bg-soft);border:2px solid var(--border);border-top:6px solid var(--cat-accent, var(--primary));border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.category-tile:hover{border-color:var(--cat-accent, var(--primary));transform:translateY(-3px);box-shadow:0 6px 18px #2b262024}.category-tile:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.category-tile[aria-pressed=true]{background:var(--cat-accent, var(--primary));border-color:var(--cat-accent, var(--primary));color:#fff}.category-tile .cat-icon{font-size:2.4rem;line-height:1}.category-tile .cat-title{font-size:1.6rem;font-size:clamp(1.2rem,14.5cqi,2rem);font-weight:700;line-height:1.2;hyphens:auto;overflow-wrap:break-word}.all-areas{text-align:center;margin:-1.25rem 0 2.5rem}.all-areas-btn{background:var(--bg-soft);color:var(--primary);border:2px solid var(--primary);border-radius:999px;padding:.6rem 1.4rem;font-size:1.05rem;transition:background .15s ease,color .15s ease}.all-areas-btn:hover{background:var(--primary);color:var(--primary-text)}.all-areas-btn:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.category-section[hidden]{display:none}.category-section+.category-section{margin-top:3rem}.category-header{border-bottom:4px solid var(--cat-accent, var(--primary));padding-bottom:.5rem;margin-bottom:1.5rem}.category-header h2{display:flex;align-items:center;gap:.6rem;font-size:2.3rem;color:var(--cat-accent, var(--primary));margin:0}.category-header h2 .icon{font-size:1.9rem}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;flex:1}.app-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--bg-soft);border:2px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;min-height:0}.app-card[hidden]{display:none}.app-card-open{display:flex;flex-direction:column;align-items:flex-start;width:100%;flex:1;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.app-card-say{position:absolute;top:.9rem;right:.9rem;width:48px;height:48px;display:grid;place-items:center;padding:0;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-size:1.3rem;line-height:1}.app-card-say:hover{border-color:var(--card-accent, var(--primary))}.app-card:hover{border-color:var(--card-accent, var(--primary));transform:translateY(-3px);box-shadow:0 6px 18px #2b262024}.app-card-open:focus-visible,.app-card-say:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.app-preview{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#efe9df;margin-bottom:1rem}.app-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.card-heading{display:flex;align-items:center;gap:.5rem;width:100%}.app-card .icon{font-size:2.2rem;line-height:1}.app-card .title{font-size:1.9rem;font-weight:700;margin:0}.app-card .subtitle{color:var(--card-accent, var(--primary));font-size:1.25rem;text-transform:uppercase;letter-spacing:1px;margin:.25rem 0 .75rem}.app-card .desc{color:var(--text-soft);font-size:1.3rem;line-height:1.45;margin:0;flex:1}.embed{display:flex;flex-direction:column;flex:1;min-height:0}.back-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:10px;padding:.3rem .9rem;font-size:1rem;min-height:40px;white-space:nowrap;transition:background .15s ease,transform .15s ease}.back-btn:hover{background:#24564a;transform:translateY(-1px)}.back-btn:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.embed-title{display:flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;margin:0;padding-right:.75rem;border-right:2px solid var(--border)}.embed-title:last-child{border-right:none}.embed-title .icon{font-size:1.25rem}.embed-frame{flex:1;width:100%;min-height:0;border:none;background:#fff}@media(max-width:640px){.landing-header{gap:.75rem;padding:.75rem 1.1rem;border-radius:18px}.landing-header .hero-mark{width:3rem;height:3rem;border-radius:12px}.landing-header .hero-mark svg{width:1.8rem;height:1.8rem}.landing-header h1{font-size:1.5rem}.category-tile{flex-basis:100%}.category-header h2{font-size:1.9rem}.app-grid{grid-template-columns:1fr}.embed-title{border-right:none}}@media(min-width:641px)and (max-width:1200px){.category-tile{flex-basis:calc((100% - 1rem - 1px)/2);flex-grow:0}}.music-pill{display:flex;align-items:center;gap:4px;padding:0 6px;background:var(--bg);border-radius:12px;color:var(--primary)}.music-pill[hidden]{display:none}.music-btn{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#2f6f5f1a;color:var(--primary)}.music-nav{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--primary)}.music-nav:hover{background:#2f6f5f1f}.music-nav:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.music-btn:hover{background:#2f6f5f2e}.music-pill.is-playing .music-btn{background:var(--primary);color:var(--primary-text)}.music-vol{width:80px;height:32px;accent-color:var(--primary);cursor:pointer}.music-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:720px){.music-vol{width:74px}}.login-dialog{padding:0;border:0;background:transparent;max-width:none;max-height:none;overflow:visible}.login-dialog::backdrop{background:#1c211e8c}.login-card{width:min(30rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--bg-soft);border:2px solid var(--border);border-radius:28px;box-shadow:0 10px 30px #2b26201f;padding:2.25rem 1.75rem 1.75rem;text-align:center}.login-card .hero-mark{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:24px;background:#eef4f1;border:2px solid #CFE0D8;box-shadow:var(--shadow)}.login-card .hero-mark svg{width:3.1rem;height:3.1rem}.login-card .hero-mark .ring-outer{fill:none;stroke:var(--primary);stroke-width:2.5;opacity:.3}.login-card .hero-mark .ring-inner{fill:none;stroke:var(--primary);stroke-width:3.5}.login-card .hero-mark .dot{fill:var(--focus)}.login-title{font-size:2rem;margin:.9rem 0 .35rem}.login-lead{color:var(--text-soft);margin:0 0 1.6rem}.login-form{display:grid;gap:.4rem;text-align:left}.login-label{font-weight:700;margin-top:.65rem}.login-input{font-family:inherit;font-size:1.1rem;min-height:3.1rem;padding:.5rem .85rem;color:var(--text);background:#fffdf9;border:2px solid var(--border);border-radius:12px}.login-input:focus-visible{outline:4px solid var(--focus);outline-offset:1px;border-color:var(--primary)}.login-error{margin:.9rem 0 0;padding:.65rem .85rem;background:#fbeae0;border:2px solid #E7B79B;border-radius:12px;color:#8a3b12;font-weight:700}.login-submit{margin-top:1.2rem;min-height:3.4rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:14px;font-size:1.2rem;font-weight:700;transition:background .15s ease,transform .15s ease}.login-submit:hover{background:#24564a;transform:translateY(-1px)}.login-submit:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.top-bar{position:sticky;top:0;z-index:30;flex:none;background:var(--bg-soft);border-bottom:2px solid var(--border)}.top-bar--dark{--bg: #1D2938;--bg-soft: #141E2B;--text: #EEF1F5;--text-soft: #A7B2C1;--border: #2F3E51;--primary: #6FC7AE;--primary-text: #10202B;color:var(--text)}.top-bar--dark .top-bar-logo:hover{background:#6fc7ae29}.top-bar--dark+#app .embed-frame{background:#141e2b}.top-bar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 16px}.top-bar-logo{grid-column:1;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px 0 10px;border:0;border-radius:14px;background:var(--bg)}.top-bar-logo svg{width:30px;height:30px;flex:none}.top-bar-wordmark{font-size:1.15rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.top-bar--app .top-bar-wordmark{display:none}.top-bar--app .top-bar-logo{width:48px;padding:0;justify-content:center}.top-bar-logo .ring-outer{fill:none;stroke:var(--primary);stroke-width:3;opacity:.3}.top-bar-logo .ring-inner{fill:none;stroke:var(--primary);stroke-width:4}.top-bar-logo .dot{fill:var(--focus)}.top-bar-logo:hover{background:#2f6f5f24}.top-bar-logo:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.top-bar-main{grid-column:2;display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.top-bar-tools{grid-column:3;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.music-slot{display:flex}.media-slot{display:flex;gap:8px}.media-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-size:.95rem;font-weight:600;white-space:nowrap}.media-btn .media-icon{font-size:1.15rem;line-height:1}@media(max-width:1099px){.media-btn{width:44px;padding:0;justify-content:center}.media-btn .media-label{display:none}}.media-btn:hover{border-color:var(--primary)}.media-btn:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.guide-item:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.user-chip{flex:none;display:flex;align-items:center;gap:.6rem;padding:.25rem .3rem .25rem .85rem;background:var(--bg);border:2px solid var(--border);border-radius:14px}.user-icon{font-size:1.15rem}.user-mail{font-size:.95rem;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-logout{min-height:40px;padding:.25rem .95rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:10px;font-size:.95rem;transition:background .15s ease}.user-logout:hover{background:#24564a}.user-logout:focus-visible{outline:4px solid var(--focus);outline-offset:2px}@media(max-width:860px){.user-icon,.user-mail{display:none}.user-chip{padding-left:.3rem}}.portal-game-heading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.portal-game-heading .embed-title{border:0;padding:0;font-size:1.1rem;white-space:nowrap;min-width:0}.portal-game-heading .embed-title .icon{flex:none}.portal-game-heading .embed-title .title-text{overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:1400px){.portal-game-heading .embed-title{display:none}}@media(max-width:640px){.top-bar-inner{grid-template-columns:auto minmax(0,1fr)}.top-bar-logo{grid-column:1;grid-row:1}.top-bar-main{grid-column:2;grid-row:1}.top-bar-main:empty{display:none}.top-bar-tools{grid-column:1 / -1;grid-row:2}}:root{--bg: #F5F6F2;--text: #243B34;--text-soft: #52645C;--border: #D6DED7}.landing{width:100%;max-width:1320px;padding:2rem 2rem 4rem}.head-bar{max-width:none;justify-content:flex-start;align-items:flex-end;gap:1.2rem;padding:1.2rem 1.4rem;border:1px solid var(--border);border-radius:18px;background:#ebf1ec}.search-wrap{max-width:none}.app-search{border-radius:12px;font-size:1.1rem;padding:.8rem 1rem;box-shadow:none;min-height:56px}.essential-btn{min-height:56px;border-radius:12px;box-shadow:none;font-weight:600;font-size:1.05rem;padding:.7rem 1rem}.category-nav{margin:1.5rem 0 2.3rem;gap:1rem}.category-tile{padding:1.1rem;justify-content:flex-start;gap:.8rem;border-top-width:5px;box-shadow:0 3px 8px #243b3408}.category-tile .cat-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f3f5f1;font-size:1.9rem}.category-tile .cat-title{font-size:1.35rem;line-height:1.3;hyphens:none}.category-tile[aria-pressed=true]{background:#e7f0e9;color:var(--text);border-color:var(--primary)}.category-header{border-bottom:1px solid var(--border);padding:0 0 .9rem;margin-bottom:1.1rem}.category-header h2{font-size:1.65rem;color:var(--text);line-height:1.35}.category-header .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e8eee8;flex:none}.app-grid{gap:1.2rem}.app-card{padding:1.35rem;border-width:1px;box-shadow:0 4px 12px #243b3408}.card-heading{gap:.7rem}.app-card .title{font-size:1.5rem;line-height:1.3}.app-card .icon{font-size:1.7rem}.app-card .subtitle{color:var(--text-soft);font-size:1.05rem;text-transform:none;letter-spacing:0;margin:.4rem 0 .6rem;font-weight:600}.app-card .desc{font-size:1.1rem;line-height:1.5}.app-preview{margin:1.1rem 0;aspect-ratio:2 / 1;border-radius:10px}.app-preview img{transform:scale(1.3);transform-origin:top center}.top-bar{box-shadow:0 2px 10px #243b3406}.top-bar-inner{padding:10px 20px}.top-bar-logo{color:var(--primary);background:transparent}.top-bar-wordmark{font-size:1.35rem;letter-spacing:-.4px}.top-bar-tools .media-btn,.top-bar-tools .music-pill,.top-bar-tools .user-chip{border:1px solid var(--border);height:54px}.user-chip{background:var(--bg)}.music-btn,.music-nav,.user-logout,.back-btn,.media-btn{min-height:44px}.music-btn,.music-nav{width:44px}.all-areas{margin:-1rem 0 2rem;text-align:left}.all-areas-btn{border-radius:12px;min-height:52px;font-weight:600}.guide{margin:0 0 1.6rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:#ebf1ec}.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.guide-list--intro{margin-bottom:.7rem}.guide-action-block{padding:.75rem;border:1px solid #C5D5CB;border-radius:18px;background:#e2ece5}.guide-list--closing{margin-top:.7rem}.guide-item{display:flex;align-items:center;gap:.6rem;min-height:52px;padding:8px 14px;border:0;border-radius:0;background:transparent;color:var(--text);font-size:1.05rem;font-weight:600;text-align:left;box-shadow:inset -1px 0 var(--border),inset 0 -1px var(--border)}.guide-item[hidden]{display:none}.guide-item .guide-icon{font-size:1.2rem;line-height:1;flex:none}.guide-item:hover{background:#e2ece5}.guide-dialog[open]{display:flex;flex-direction:column;gap:0;width:min(46rem,calc(100vw - 3rem));max-height:min(80vh,44rem);padding:1.8rem;border:1px solid var(--border);border-radius:20px;background:var(--bg-soft);color:var(--text);box-shadow:0 18px 50px #2b26204d}.guide-dialog{position:fixed;inset:auto;margin:0;max-width:none;z-index:40}.guide-spotlight{position:fixed;inset:auto;margin:0;padding:0;border:0;overflow:visible;background:transparent;border-radius:14px;box-shadow:0 0 0 100vmax #1c211e9e;pointer-events:none;z-index:39}.guide-spotlight.is-target{box-shadow:0 0 0 3px var(--primary),0 6px 24px #2b262059,0 0 0 100vmax #1c211e9e}.guide-spotlight:not(.is-target){background:#1c211e9e}.guide-dialog::backdrop{background:#1c211e8c}.guide-dialog--spotlight::backdrop{background:transparent}.guide-dialog-title{margin:0 0 .9rem;font-size:1.5rem;flex:none}.guide-dialog-body{flex:1 1 auto;overflow-y:auto;padding-right:.4rem}.guide-dialog-body p{margin:0 0 .9rem;font-size:1.25rem;line-height:1.6}.guide-dialog-actions{display:flex;justify-content:flex-end;flex:none;margin:1.3rem 0 0}.guide-dialog-cancel{min-height:52px;padding:.7rem 1.8rem;border:none;border-radius:12px;background:var(--primary);color:var(--primary-text);font-size:1.1rem;font-weight:600}.guide-dialog-cancel:hover{background:#24564a}.guide-dialog-cancel:focus-visible{outline:4px solid var(--focus);outline-offset:2px}@media(max-width:640px){.landing{padding:1.5rem 1rem 3rem}.head-bar{padding:1rem;gap:1rem}.search-wrap{order:-1;flex-basis:100%}.essential-btn{width:100%;justify-content:center}.guide-dialog{width:calc(100vw - 2rem);padding:1.2rem}.guide-dialog-body p{font-size:1.15rem}.category-tile{display:grid;grid-template-columns:48px 1fr;gap:.3rem 1rem;padding:1rem;border-top:2px solid var(--border);border-left:5px solid var(--cat-accent)}.category-tile .cat-icon{grid-row:1;width:48px;height:48px}.category-tile .cat-title{font-size:1.2rem}.category-header h2{font-size:1.4rem}.app-card{padding:1rem}.app-preview{aspect-ratio:2 / 1}.top-bar-inner{padding:6px 10px}.top-bar-tools{justify-content:space-between;gap:4px}}@media(max-width:480px){.music-nav{display:none}.media-slot{gap:4px}.user-chip{padding-left:.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.category-tile,.app-card{color:var(--text)}@media(max-width:640px){.music-vol{display:none}.category-tile{border-top-color:var(--border)}}.guide-content{margin-top:0}.landing{max-width:1760px;display:grid;grid-template-columns:260px minmax(0,1fr) 290px;gap:1.5rem;align-items:start}.topics-panel{grid-column:1;grid-row:1 / span 3;position:sticky;top:100px;z-index:2}.topics-panel .category-nav{display:grid;gap:.7rem;margin:0}.topics-panel .category-tile{display:grid;grid-template-columns:44px 1fr;align-items:center;padding:1rem;border-top:1px solid var(--border);border-left:6px solid var(--cat-accent);border-radius:14px 0 0 14px;min-height:100px;container-type:normal}.topics-panel .category-tile .cat-icon{width:44px;height:44px}.topics-panel .category-tile .cat-title{font-size:1.2rem}.topics-panel .category-tile[aria-pressed=true]{background:color-mix(in srgb,var(--cat-accent) 12%,white);border-color:var(--cat-accent);box-shadow:1.5rem 0 color-mix(in srgb,var(--cat-accent) 12%,white)}.topics-panel .all-areas{margin:1rem 0 0}.landing>.category-list{grid-column:2;grid-row:1;min-width:0}.category-section{border-left:5px solid var(--cat-accent);border-radius:0 16px 16px 0;padding:1.2rem;background:color-mix(in srgb,var(--cat-accent) 12%,white)}.landing>.guide{grid-column:3;grid-row:1 / span 3;margin:0;padding:1rem;position:sticky;top:100px}.guide-list{grid-template-columns:1fr}.landing>.no-results{grid-column:2}@media(max-width:1350px){.landing{grid-template-columns:220px minmax(0,1fr) 250px;gap:1rem;padding:1.5rem 1rem 3rem}.landing .app-grid{grid-template-columns:1fr}.topics-panel .category-tile[aria-pressed=true]{box-shadow:1rem 0 color-mix(in srgb,var(--cat-accent) 12%,white)}.landing .head-bar{flex-wrap:wrap}}@media(max-width:1000px){.landing{grid-template-columns:210px minmax(0,1fr)}.landing>.guide{grid-column:2;grid-row:4;position:static}}@media(max-width:650px){.landing{display:flex;flex-direction:column}.landing>*{width:100%}.topics-panel{position:static;order:-1}.topics-panel .category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-panel .category-tile{grid-template-columns:1fr;border-radius:12px;padding:.8rem}.topics-panel .category-tile[aria-pressed=true]{box-shadow:none}.category-section{padding:.8rem}}.landing{--column-gap: 1.5rem}.topics-panel .head-bar{display:flex;flex-direction:column;align-items:stretch;margin:1.2rem 0 0;padding:1rem;gap:1rem}.topics-panel .search-wrap{width:100%;min-width:0;flex:none}.topics-panel .app-search{width:100%;min-width:0;font-size:1rem}.topics-panel .category-tile[aria-pressed=true]{position:relative;z-index:1;background:color-mix(in srgb,var(--cat-accent) 12%,white);border-right:0;box-shadow:none}.topics-panel .category-tile[aria-pressed=true]:after{content:"";position:absolute;top:-2px;bottom:-2px;left:100%;width:calc(var(--column-gap) + 5px);background:color-mix(in srgb,var(--cat-accent) 12%,white);border-top:2px solid var(--cat-accent);border-bottom:2px solid var(--cat-accent);pointer-events:none}.landing>.guide{padding:.8rem;max-height:calc(100dvh - 125px);overflow-y:auto}.landing .guide-content{margin-top:0}.landing .guide-item{min-height:40px;padding:5px 8px;font-size:1rem;line-height:1.2;gap:.4rem}.landing .guide-action-block{padding:.4rem;border-radius:12px}.landing .guide-list--intro{margin-bottom:.4rem}.landing .guide-list--closing{margin-top:.4rem}@media(max-width:1350px){.landing{--column-gap: 1rem}}@media(max-width:1000px){.landing>.guide{max-height:none;overflow:visible}}@media(max-width:650px){.topics-panel .category-tile[aria-pressed=true]{border-right:2px solid var(--cat-accent)}.topics-panel .category-tile[aria-pressed=true]:after{display:none}}.topics-panel .category-tile{background:color-mix(in srgb,var(--cat-accent) 12%,white)}.topics-panel .category-tile[aria-pressed=true]{border-color:var(--cat-accent);border-top-width:2px;border-bottom-width:2px}.topics-panel .category-tile[aria-pressed=true]:after{width:calc(var(--column-gap) + 9px);border-top:2px solid var(--cat-accent);border-bottom:2px solid var(--cat-accent)}.landing:has(.category-tile[aria-pressed=true]) .category-section{border:2px solid var(--cat-accent);border-radius:16px;padding-left:calc(1.2rem + 5px)}@media(max-width:650px){.landing:has(.category-tile[aria-pressed=true]) .category-section{padding-left:.8rem}}@media(min-width:651px){.landing{column-gap:0;--column-gap: 0px}.landing>.guide{margin-left:1.5rem}.topics-panel .category-tile{border-right:0;box-shadow:none}.topics-panel .head-bar,.topics-panel .all-areas{margin-right:1rem;width:calc(100% - 1rem)}}.landing .guide-list--intro{margin-bottom:.8rem}.landing .guide-list--intro,.landing .guide-topic-heading,.landing .guide-list--closing{background:#dde9e0;border-color:#b7cabd}.landing .guide-topic-heading .guide-item{font-weight:700;min-height:46px}.landing .guide-topic .guide-action-block{margin:.4rem 0 0 .8rem;padding:0 0 0 .5rem;border:0;border-left:3px solid #B7CABD;border-radius:0;background:transparent}.landing .guide-topic .guide-action-block .guide-item{font-size:.95rem}.landing .guide-list--closing{margin-top:.8rem}.login-help{width:100%;justify-content:center;border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;background:#ebf1ec}@media(min-width:651px){.topics-panel .category-tile[aria-pressed=false]{margin-right:1rem;border-right:2px solid var(--border);border-radius:14px}}@media(min-width:651px){.topics-panel .category-tile[aria-pressed=true]{border-top-color:transparent;border-bottom-color:transparent;background:linear-gradient(var(--cat-accent),var(--cat-accent)) left top / calc(100% - 16px) 2px no-repeat,linear-gradient(var(--cat-accent),var(--cat-accent)) left bottom / calc(100% - 16px) 2px no-repeat,color-mix(in srgb,var(--cat-accent) 12%,white);background-origin:border-box;box-shadow:2px 0 color-mix(in srgb,var(--cat-accent) 12%,white)}.topics-panel .category-tile[aria-pressed=true]:before,.topics-panel .category-tile[aria-pressed=true]:after{content:"";position:absolute;left:auto;right:-2px;width:18px;height:18px;border:0;border-radius:0;pointer-events:none}.topics-panel .category-tile[aria-pressed=true]:before{top:-18px;background:radial-gradient(circle at top left,var(--bg) 16px,var(--cat-accent) 16px 18px,color-mix(in srgb,var(--cat-accent) 12%,white) 18px)}.topics-panel .category-tile[aria-pressed=true]:after{top:auto;bottom:-18px;background:radial-gradient(circle at bottom left,var(--bg) 16px,var(--cat-accent) 16px 18px,color-mix(in srgb,var(--cat-accent) 12%,white) 18px)}.topics-panel .category-tile[aria-pressed=true]:first-child{background-size:100% 2px,calc(100% - 16px) 2px}.topics-panel .category-tile[aria-pressed=true]:first-child:before{display:block;top:-2px;width:2px;height:2px;background:var(--cat-accent)}.landing:has(.category-tile[aria-pressed=true]) .category-section{transition:transform .15s ease}.landing:has(.category-tile[aria-pressed=true]:hover) .category-section{transform:translateY(-3px)}}@media(min-width:651px){.landing:has(.category-tile:last-child[aria-pressed=true]) .category-section{min-height:calc(534px + 2.8rem)}}@media(min-width:651px){.landing:has(.category-tile:first-child[aria-pressed=true]) .category-section{border-top-left-radius:0}}