:root{--page:#fff;--panel:#f5f6fb;--raised:#fff;--ink:#172033;--muted:#526176;--link:#4f46e5;--line:#e0e4ef;--focus:#4f46e5;--primary:#4f46e5}
[hidden]{display:none!important}
.site-header,.dashboard-header,.editor-header{gap:16px;flex-wrap:wrap}
.theme-control{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--muted)}
.theme-control select{max-width:154px;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--raised);color:var(--ink);font:inherit}
.experience-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.experience-nav a,.experience-footer a{color:var(--muted);text-decoration:none}
.experience-nav a:hover,.experience-nav a[aria-current=page],.experience-footer a:hover{color:var(--link);text-decoration:underline;text-underline-offset:4px}
.experience-page{background:var(--page);color:var(--ink)}
.experience-shell{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:52px 0 72px}
.experience-hero{max-width:780px;margin-bottom:36px}
.eyebrow{font-size:.76rem;letter-spacing:.11em;text-transform:uppercase;color:var(--link);font-weight:750;margin:0 0 12px}
.experience-hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.13;letter-spacing:-.045em;margin:0 0 20px}
.experience-lead{font-size:1.12rem;line-height:1.8;color:var(--muted)}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.experience-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--raised);min-width:0}
.experience-card h2{font-size:1.18rem;line-height:1.4;margin:8px 0 12px}.experience-card p{color:var(--muted);line-height:1.7;font-size:.95rem}
.experience-card a{color:var(--link);font-weight:650;text-underline-offset:4px}
.experience-card .step-number{display:block;width:auto;height:auto;border:0;border-radius:0;color:var(--link);font-size:.78rem;letter-spacing:.05em}
.experience-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:28px 0}
.experience-note{padding:20px 24px;border-left:3px solid var(--link);background:var(--panel);border-radius:0 12px 12px 0;margin:28px 0;line-height:1.75}
.reading-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(180px,260px);gap:64px;align-items:start}
.reading-content{min-width:0;font-size:1rem;line-height:1.85}
.reading-content h2{font-size:1.45rem;line-height:1.4;letter-spacing:-.02em;margin:36px 0 14px;scroll-margin-top:24px}
.reading-content h3{font-size:1.08rem;margin:24px 0 8px}.reading-content p{margin:12px 0}.reading-content li{margin:10px 0}.reading-content a{color:var(--link);text-underline-offset:3px}.reading-content img{max-width:100%}
.reading-content table{width:100%;border-collapse:collapse;font-size:.94rem}.reading-content td,.reading-content th{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left;vertical-align:top}
.reading-content code{overflow-wrap:anywhere;background:var(--panel);border-radius:4px;padding:2px 5px}
.reading-toc{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--raised)}.reading-toc h2{font-size:.88rem;margin:0 0 16px}.reading-toc ul{padding:0;list-style:none;margin:0}.reading-toc li{margin:12px 0}.reading-toc a{font-size:.88rem;line-height:1.5;color:var(--muted);text-underline-offset:3px}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:28px}.breadcrumbs a{color:var(--link)}
.experience-footer{max-width:1440px;margin:0 auto;padding:28px 32px 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted);font-size:.85rem;background:var(--page)}
.experience-footer nav{display:flex;flex-wrap:wrap;gap:14px 20px}.experience-footer p{margin:0;line-height:1.7}
.experience-page .site-header .experience-nav{display:flex;gap:18px;margin-left:auto;margin-right:0}
.support-layout h2{font-size:1.5rem;margin:0 0 22px}.support-layout p{line-height:1.8}.support-layout a{color:var(--link)}
.support-layout .button-primary{color:#fff}.experience-page #my-support h2{font-size:1.5rem;margin:28px 0 20px}
.faq-search,.support-form input,.support-form textarea,.support-form select,.service-settings input{display:block;width:100%;background:var(--raised);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px;font:inherit;min-height:44px}
.faq-search{margin:10px 0 16px;max-width:640px}.faq-count{color:var(--muted);font-size:.85rem}
.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item summary{cursor:pointer;font-weight:650;line-height:1.6}.faq-item p{line-height:1.85;max-width:780px;color:var(--muted)}.faq-item a{color:var(--link)}
.support-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:36px}.support-form,.service-settings{display:grid;gap:16px}.support-form label,.service-settings label{display:grid;gap:8px;font-size:.92rem;font-weight:600}.support-form textarea{min-height:150px;resize:vertical}.support-form small{color:var(--muted);font-weight:400;line-height:1.7}
.support-message,.service-details{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--raised);margin:18px 0;overflow-wrap:anywhere}.support-message h3{margin-top:0}.support-message p{white-space:pre-wrap;line-height:1.75}.support-message .support-reply{border-left:3px solid var(--link);padding-left:16px}.support-message small{color:var(--muted)}
.support-pagination{display:flex;gap:12px;align-items:center;margin:20px 0}.support-status{min-height:24px;line-height:1.7}.service-details dl{display:grid;gap:8px}.service-details dt{font-size:.8rem;color:var(--muted)}.service-details dd{margin:0 0 12px;line-height:1.6}.service-details a{color:var(--link)}
.history-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.history-toolbar a{font-size:.8rem;color:var(--link);margin-left:6px}.history-toolbar button:disabled{opacity:.45;cursor:not-allowed}
#save-status::before{content:'●';margin-right:8px;color:var(--muted)}#save-status[data-state=saved]::before{color:#15803d}#save-status[data-state=saving]::before,#save-status[data-state=pending]::before{color:#a16207}#save-status[data-state=error]::before{color:#b91c1c}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:900px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:1fr;gap:24px}.reading-toc{order:-1}.reading-toc ul{display:flex;flex-wrap:wrap;gap:6px 18px}.reading-toc li{margin:0}.support-layout{grid-template-columns:1fr}}
@media(max-width:600px){.experience-shell{width:calc(100% - 32px);padding:32px 0 48px}.experience-grid{grid-template-columns:1fr}.experience-card{padding:22px}.experience-hero{margin-bottom:24px}.experience-nav{gap:14px;font-size:.85rem}.experience-footer{padding:24px 16px}.theme-control{margin-left:auto;font-size:.75rem}.theme-control select{max-width:138px}.experience-page .site-header{padding:18px 16px}.experience-nav{order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}