:root{--tm-ink:#161523;--tm-paper:#f7f5ef;--tm-white:#fff;--tm-violet:#6d3ef2;--tm-blue:#245bdb;--tm-lime:#d7f75b;--tm-muted:#5b596b;--tm-line:#d9d6e2;--tm-control:#777181;--tm-error:#b4233c;--tm-success:#216b44;--tm-radius-card:16px;--tm-radius-control:10px}
:root{--ink:#161523;--paper:#f7f5ef;--white:#fff;--violet:#6d3ef2;--blue:#245bdb;--lime:#d7f75b;--muted:#5b596b;--line:#d9d6e2;--control:#777181;--error:#b4233c;--success:#216b44}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--lime);color:var(--ink)}a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.65}button{line-height:1.4}input,select,textarea{color:var(--ink);background:var(--white);border:1px solid var(--control);border-radius:10px;min-width:0;max-width:100%;padding:12px 14px}input,textarea{width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-weight:750;line-height:1.12}p{margin:0 0 16px}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,100% - 48px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:12px 20px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{color:var(--ink);letter-spacing:-.05em;flex-shrink:0;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1.15;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:48px;height:44px}.brand-sub{letter-spacing:.23em;color:var(--muted);margin-top:4px;font-size:10px;font-weight:650;display:block}.site-header nav{align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.nav-link{color:var(--ink);text-decoration:none}.nav-link:hover,.text-button:hover{color:var(--blue);text-underline-offset:5px;text-decoration:underline}.button{background:var(--violet);color:var(--white);border:1px solid var(--violet);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:13px 20px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:#5930cf;border-color:#5930cf}.button.secondary{color:var(--ink);border-color:var(--control);background:0 0}.button.secondary:hover:not(:disabled){border-color:var(--ink);background:#eeebf6}.button.small{min-height:44px;padding:10px 16px;font-size:14px}.full-width{width:100%}.inline-link{color:var(--blue);font-weight:650;text-decoration:none}.inline-link:hover{text-decoration:underline}.text-button{color:var(--ink);background:0 0;border:0;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}.logout-wrap{position:relative}.logout-wrap .error-text{background:var(--paper);width:200px;padding:8px;display:block;position:absolute;top:40px;right:0}.eyebrow{letter-spacing:.13em;color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:11px;font-weight:750;line-height:1.5;display:flex}.lime-dot{background:var(--lime);border:1px solid var(--ink);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:48px;padding-top:72px;padding-bottom:80px;display:grid}.hero h1{letter-spacing:-.065em;font-size:clamp(52px,5.9vw,80px);line-height:1.01}.hero h1 span{color:var(--violet)}.hero-description{color:var(--muted);max-width:490px;margin:28px 0;font-size:17px;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero-art{border:1px solid var(--line);background:#e9e5df;border-radius:20px;overflow:hidden}.hero-art img{object-fit:cover;width:100%;height:348px}.art-caption{background:var(--ink);color:var(--paper);letter-spacing:.1em;justify-content:space-between;padding:15px 22px;font-size:10px;font-weight:650;display:flex}.art-caption span:last-child{color:var(--lime);font-size:20px;line-height:1}.notes-section{border-top:1px solid var(--line);padding-top:48px;padding-bottom:80px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:40px}.section-heading>p{color:var(--muted);margin:0;font-size:14px}.search-form{gap:12px;display:flex}.search-input{flex:1;position:relative}.search-input>span{color:var(--muted);font-size:28px;position:absolute;top:5px;left:16px}.search-input input{height:50px;padding-left:48px}.search-form select{width:190px}.topic-list{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}.topic{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;min-height:40px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex}.topic:hover{border-color:var(--control);color:var(--ink)}.topic.selected{color:var(--paper);background:var(--ink);border-color:var(--ink)}.results-meta{color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.article-card{border:1px solid var(--line);background:var(--white);border-radius:16px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.article-card:hover{border-color:#aaa2bb}.article-card.featured{grid-column:1/-1;grid-template-columns:.95fr 1.05fr;display:grid}.feature-image{min-height:305px;overflow:hidden}.feature-image img{object-fit:cover;width:100%;height:100%}.card-body{flex-direction:column;flex:1;padding:28px;display:flex}.card-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#513398;overflow-wrap:anywhere;background:#f0edf9;border-radius:5px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1.5;text-decoration:none}a.tag:hover{text-decoration:underline}.article-index{color:var(--muted);font-size:12px}.article-card h3{margin-top:20px;margin-bottom:12px;font-size:27px}.article-card.featured h3{font-size:34px}.article-card h3 a{color:var(--ink);text-decoration:none}.article-card h3 a:hover{color:var(--violet)}.article-card p{color:var(--muted);max-width:500px;margin-bottom:24px;font-size:15px;line-height:1.6}.card-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.read-arrow{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:flex}.read-arrow:hover{background:var(--lime)}.pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:32px;font-size:14px;display:grid}.pagination a{justify-self:start}.pagination a:last-child{justify-self:end}.empty-state{background:var(--white);border:1px dashed var(--control);text-align:center;border-radius:16px;padding:56px 24px}.empty-state img{margin:0 auto 20px}.empty-state h2,.empty-state h3{margin-bottom:16px;font-size:28px}.empty-state p{color:var(--muted)}.about-section{background:var(--ink);color:var(--paper);padding:72px 0}.about-inner{grid-template-columns:1fr 1fr;gap:96px;display:grid}.about-section .eyebrow{color:var(--lime);font-size:10px}.about-section h2{margin-bottom:24px;font-size:38px}.about-section p{color:var(--paper);font-size:15px}.dark-link{color:var(--lime);font-weight:600}.service-list{margin:0;padding:0;list-style:none}.service-list li{border-top:1px solid #4b4859;gap:24px;padding:20px 0;display:flex}.service-list li:first-child{border-top:0;padding-top:0}.service-list li>span{color:var(--lime);font-size:12px}.service-list h3{margin-bottom:6px;font-size:20px}.service-list p{margin:0;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{justify-content:space-between;align-items:start;gap:40px;display:flex}.footer-wordmark{color:var(--ink);letter-spacing:-.05em;font-size:22px;font-weight:800;text-decoration:none}.footer-inner p{color:var(--muted);margin:4px 0;font-size:13px}.footer-inner>div:last-child{max-width:440px}.small-copy{color:var(--muted);font-size:13px}.back-link{margin-bottom:36px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.reading-page{max-width:800px;padding-top:40px;padding-bottom:72px}.article-header{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:32px}.article-header .eyebrow{margin-bottom:16px}.article-header h1{margin:20px 0;font-size:clamp(38px,4.4vw,58px);line-height:1.1}.article-excerpt{color:var(--muted);overflow-wrap:anywhere;margin:20px 0 24px;font-size:20px;line-height:1.6}.article-byline{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.article-byline strong{color:var(--ink)}.avatar{color:#513398;background:#e6defb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:inline-flex}.prose{overflow-wrap:anywhere;max-width:70ch;font-size:18px;line-height:1.8}.prose h1,.prose h2,.prose h3{margin:40px 0 20px;line-height:1.25}.prose h1{font-size:34px}.prose h2{font-size:28px}.prose h3{font-size:23px}.prose p{margin-bottom:24px}.prose ul,.prose ol{padding-left:28px}.prose blockquote{border-left:3px solid var(--violet);color:var(--muted);margin:24px 0;padding-left:24px}.prose pre{background:var(--ink);max-width:100%;color:var(--paper);border-radius:10px;padding:20px;font-size:14px;overflow:auto}.prose :not(pre)>code{background:#e9e5f0;border-radius:4px;padding:2px 5px;font-size:.85em}.article-end{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.article-end p{margin-left:8px;font-weight:700;display:inline}.article-end a{margin-top:16px;font-size:15px;display:block}.login-page{grid-template-columns:1fr 1fr;align-items:center;gap:96px;padding-top:72px;padding-bottom:96px;display:grid}.login-story img{margin-bottom:24px}.login-story .eyebrow{margin-bottom:16px}.login-story h1{margin-bottom:24px;font-size:46px}.login-story>p:not(.eyebrow){color:var(--muted)}.login-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:40px;box-shadow:0 8px 32px #16152306}.login-card .eyebrow{margin-bottom:12px}.login-card h2{margin-bottom:12px;font-size:30px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.login-form{margin-top:28px}.login-form .small-copy{margin-top:16px;margin-bottom:0}.field{margin-bottom:24px}.field label{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:14px;font-weight:650;display:flex}.field-count{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:400}.field-help{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}.dashboard-page,.editor-page{padding-top:48px;padding-bottom:80px}.workspace-heading{justify-content:space-between;align-items:center;gap:32px;margin-bottom:36px;display:flex}.workspace-heading .eyebrow{margin-bottom:12px}.workspace-heading h1{margin-bottom:14px;font-size:40px}.workspace-heading p{color:var(--muted);margin-bottom:0;font-size:15px}.workspace-heading>.button{flex-shrink:0}.role-badge{color:#513398;letter-spacing:.02em;text-transform:capitalize;vertical-align:middle;background:#e8e1f8;border-radius:5px;padding:4px 9px;font-size:11px;font-weight:650;line-height:1.4;display:inline-block}.dashboard-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.status-tabs{gap:28px;display:flex}.status-tabs a{color:var(--muted);border-bottom:3px solid #0000;padding:14px 0;font-size:14px;text-decoration:none}.status-tabs a.active{border-bottom-color:var(--violet);color:var(--ink);font-weight:650}.dashboard-list{border:1px solid var(--line);background:var(--white);border-radius:16px;overflow:hidden}.dashboard-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.dashboard-row:last-child{border-bottom:0}.dashboard-row>div{min-width:0}.dashboard-row .button{flex-shrink:0}.dashboard-row h2{margin:12px 0 8px;font-size:21px}.dashboard-row h2 a{color:var(--ink);text-decoration:none}.dashboard-row h2 a:hover{color:var(--violet)}.dashboard-row .small-copy{overflow-wrap:anywhere;margin-bottom:0}.dashboard-row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.status-badge{vertical-align:middle;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:650;line-height:1.5;display:inline-block}.status-badge.draft{color:#513398;background:#eee9fb}.status-badge.published{color:var(--success);background:#e6f1e9}.workspace-note{color:var(--muted);margin-top:20px;font-size:13px}.notice{border:1px solid var(--control);color:var(--ink);overflow-wrap:anywhere;background:#eeebf6;border-radius:10px;margin:0 0 24px;padding:16px 20px;font-size:14px;line-height:1.6}.notice.error{border-color:var(--error);color:var(--error);background:#fff0f2}.notice.success{border-color:var(--success);color:var(--success);background:#ecf6ee}.error-text{color:var(--error)}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.unsaved-dot,.saved-dot{background:var(--violet);border-radius:50%;width:8px;height:8px}.saved-dot{background:var(--success)}.editor-tabs{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.editor-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 18px}.editor-tabs button.active{background:var(--white);color:var(--ink);border-color:var(--control);font-weight:650}.editor-tabs .small-copy{margin-left:auto}.editor-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px;display:grid}.editor-main{min-width:0}.editor-main>.field:first-child input{padding:16px;font-size:24px;font-weight:650}.body-input{min-height:430px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.7}.editor-sidebar{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px}.editor-sidebar h2{margin-bottom:24px;font-size:18px}.editor-sidebar input{font-size:14px}.sidebar-note{border-top:1px solid var(--line);margin-bottom:24px;padding-top:20px;font-size:13px}.sidebar-note p{color:var(--muted);margin:8px 0}.danger-button{border:1px solid var(--error);color:var(--error);background:0 0;border-radius:10px;width:100%;min-height:44px;margin-top:20px;padding:11px 16px;font-size:14px;display:block}.danger-button:hover{background:#fff0f2}.preview-surface{background:var(--white);border:1px solid var(--line);border-radius:16px;min-height:450px;padding:32px}.preview-surface h2{font-size:34px}.preview-surface .prose{margin-top:32px}.preview-surface .prose h2{font-size:26px}.editor-save-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:24px;display:flex}.editor-save-bar strong{font-size:14px}.editor-save-bar p{margin:4px 0 0}.editor-save-bar .button{flex-shrink:0}.users-list{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.user-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding:28px;display:flex}.user-row:last-child{border-bottom:0}.user-row h2{margin-bottom:8px;font-size:21px}.user-row p{color:var(--muted);overflow-wrap:anywhere;margin-bottom:4px;font-size:14px}.user-role-controls{gap:12px;display:flex}.user-role-controls select{min-width:130px}.state-page{max-width:850px;min-height:60vh;padding-top:96px;padding-bottom:120px}.state-page h1{margin-bottom:24px;font-size:48px}.state-page>p:not(.eyebrow){color:var(--muted);margin-bottom:32px}.loading-state{min-height:70vh;padding-block:72px}.loading-bar{background:var(--violet);border-radius:8px;width:64px;height:5px;margin-bottom:20px;animation:1.5s infinite pulse}.skeleton-heading{background:#e7e3ed;border-radius:10px;width:min(460px,80%);height:40px;margin-bottom:32px}.skeleton-card{background:#e7e3ed;border-radius:16px;height:240px}@keyframes pulse{50%{opacity:.4}}@media (max-width:1000px){.hero{gap:28px}.hero h1{font-size:60px}.hero-art img{height:340px}.hero .actions{gap:16px}.about-inner,.login-page{gap:48px}.login-story h1{font-size:40px}.login-card{padding:32px}.site-header nav{gap:20px}}@media (max-width:760px){.container{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;gap:12px;min-height:84px;padding-block:16px}.brand{gap:8px;font-size:21px}.site-header nav{gap:16px;font-size:13px}.site-header nav:has(.logout-wrap){border-top:1px solid var(--line);justify-content:flex-start;width:100%;padding-top:10px}.site-header nav:not(:has(.logout-wrap)) .nav-link{display:none}.site-header nav .button{gap:6px;padding:10px 12px;font-size:12px}.hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:48px}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(50px,13vw,74px)}.hero-description{margin:24px 0;font-size:16px}.hero .actions{flex-direction:column;align-items:start;gap:16px}.hero-art img{aspect-ratio:1.6;height:auto}.art-caption{padding:12px 16px}.notes-section{padding-top:32px;padding-bottom:48px}.section-heading{flex-direction:column;align-items:start;gap:16px}.section-heading h2{font-size:32px}.desktop-break{display:none}.search-form{grid-template-columns:1fr auto;gap:10px;display:grid}.search-input{grid-column:1/-1}.search-form select{width:100%}.search-form .button{padding-inline:18px}.topic-list{gap:6px}.topic{padding:7px 12px;font-size:12px}.results-meta{font-size:12px}.article-grid{grid-template-columns:1fr;gap:16px}.article-card.featured{display:flex}.feature-image{min-height:0}.feature-image img{aspect-ratio:1.8;height:auto}.card-body{padding:24px}.article-card h3,.article-card.featured h3{font-size:26px}.card-bottom{font-size:11px}.pagination{gap:8px;font-size:12px}.pagination .button{gap:4px;padding:10px 12px;font-size:12px}.about-section{padding:48px 0}.about-inner{grid-template-columns:1fr;gap:40px}.about-section h2{font-size:32px}.footer-inner{flex-direction:column;gap:24px}.site-footer{padding:32px 0}.reading-page{padding-top:28px;padding-bottom:48px}.back-link{margin-bottom:28px}.article-header h1{font-size:38px}.article-excerpt{font-size:18px}.prose{font-size:17px;line-height:1.75}.prose h2{font-size:25px}.prose h1{font-size:30px}.login-page{grid-template-columns:1fr;gap:32px;padding-top:32px;padding-bottom:48px}.login-story img{width:88px;height:80px;margin-bottom:20px}.login-story h1{font-size:32px}.login-story>p:not(.eyebrow){display:none}.login-card{padding:24px}.login-card h2{font-size:28px}.dashboard-page,.editor-page{padding-top:32px;padding-bottom:48px}.workspace-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:28px}.workspace-heading h1{font-size:32px}.workspace-heading p{font-size:14px}.dashboard-toolbar{align-items:start;gap:12px}.status-tabs{gap:18px}.status-tabs a{font-size:13px}.dashboard-toolbar>span{white-space:nowrap;margin-top:16px;font-size:11px}.dashboard-row{flex-direction:column;align-items:start;gap:16px;padding:24px}.dashboard-row h2{font-size:20px}.editor-grid{grid-template-columns:1fr;gap:24px}.editor-sidebar{padding:24px}.editor-tabs{flex-wrap:wrap}.editor-tabs .small-copy{width:100%;margin:8px 0 0;font-size:11px}.editor-main>.field:first-child input{font-size:20px}.body-input{min-height:350px;font-size:14px}.preview-surface{padding:24px}.preview-surface h2{font-size:28px}.editor-save-bar{flex-direction:column;align-items:stretch;gap:16px}.editor-save-bar .button{width:100%}.field label{font-size:13px}.field-count{font-size:10px}.save-state{font-size:12px}.user-row{flex-direction:column;align-items:stretch;gap:20px;padding:24px}.user-role-controls{flex-wrap:wrap}.user-role-controls select{flex:1}.user-role-controls .button{flex:1;padding-inline:12px}.state-page{padding-top:64px;padding-bottom:80px}.state-page h1{font-size:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
