.writing-page{--writing-accent:var(--skill-writing);display:flex;flex-direction:column;gap:clamp(var(--pq-space-5),3vw,var(--pq-space-8));padding-block:clamp(var(--pq-space-5),4vw,var(--pq-space-9));color:var(--pq-text)}.writing-header{display:grid;gap:var(--pq-space-5);padding-block-end:var(--pq-space-4);border-block-end:.0625rem solid var(--pq-border)}.writing-header__copy{max-inline-size:62rem}.writing-activity>div>p,.writing-editor-prompt>p,.writing-editor-workspace>div>p,.writing-header__eyebrow,.writing-library>.writing-section-heading p,.writing-overview-header p,.writing-section-heading>div>p,.writing-task-preview__meta{display:flex;align-items:center;gap:var(--pq-space-2);margin:0 0 var(--pq-space-2);color:var(--writing-accent);font-size:var(--pq-text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.writing-editor-prompt h1,.writing-header h1,.writing-overview-header h1{margin:0;font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(var(--pq-text-2xl),4vw,var(--pq-text-4xl));line-height:1.12}.writing-header__copy>p,.writing-overview-header>div>span{max-inline-size:68ch;margin:var(--pq-space-3) 0 0;color:var(--pq-text-dim);line-height:1.65}.writing-tabs{display:flex;gap:var(--pq-space-2);overflow-x:auto;scrollbar-width:thin}.writing-tabs a,.writing-tabs span{flex:0 0 auto;padding:var(--pq-space-2) var(--pq-space-4);border-radius:var(--pq-radius-pill);color:var(--pq-text-dim);font-size:var(--pq-text-sm);font-weight:650;text-decoration:none}.writing-tabs a[aria-current=page]{background:color-mix(in srgb,var(--writing-accent) 14%,var(--pq-surface-2));color:var(--writing-accent)}.writing-tabs span[aria-disabled=true]{cursor:not-allowed;opacity:.58}.writing-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--pq-space-4);margin-block-end:var(--pq-space-4)}.writing-activity h2,.writing-editor-workspace h2,.writing-section-heading h2,.writing-state h2{margin:0;font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(var(--pq-text-xl),2.5vw,var(--pq-text-2xl))}.writing-section-heading>span{display:flex;align-items:center;gap:var(--pq-space-2);color:var(--pq-text-dim);font-size:var(--pq-text-sm)}.writing-filters{display:grid;gap:var(--pq-space-3);margin-block-end:var(--pq-space-5)}.writing-search{display:flex;align-items:center;gap:var(--pq-space-3);padding:var(--pq-space-3) var(--pq-space-4);border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-lg);background:var(--pq-surface-2);color:var(--pq-text-dim)}.writing-search:focus-within{border-color:var(--writing-accent);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--writing-accent) 20%,transparent)}.writing-search input{inline-size:100%;min-inline-size:0;border:0;outline:0;background:transparent;color:var(--pq-text);font:inherit}.writing-filter-chips{display:flex;gap:var(--pq-space-2);overflow-x:auto;padding-block-end:var(--pq-space-1)}.writing-filter-chips button{flex:0 0 auto;padding:var(--pq-space-2) var(--pq-space-4);border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-pill);background:var(--pq-surface-2);color:var(--pq-text-dim);font:inherit;font-size:var(--pq-text-sm);font-weight:650;cursor:pointer}.writing-filter-chips button.is-active{border-color:var(--writing-accent);background:var(--writing-accent);color:var(--pq-surface-2)}.writing-practice-grid,.writing-task-preview-grid,.writing-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:var(--pq-space-4)}.writing-test-card{display:flex;flex-direction:column;gap:var(--pq-space-4);padding:clamp(var(--pq-space-4),3vw,var(--pq-space-6))}.writing-editor-submitbar,.writing-editor-toolbar,.writing-editor-toolbar>span,.writing-task-preview__meta,.writing-test-card__time,.writing-test-card__topline{display:flex;align-items:center;justify-content:space-between;gap:var(--pq-space-2)}.writing-test-card__time{color:var(--pq-text-dim);font-size:var(--pq-text-sm)}.writing-status{padding:var(--pq-space-1) var(--pq-space-3);border-radius:var(--pq-radius-pill);background:var(--pq-surface-3);color:var(--pq-text-dim);font-size:var(--pq-text-xs);font-weight:700}.writing-status--in_progress{background:color-mix(in srgb,var(--pq-primary) 14%,var(--pq-surface-2));color:var(--pq-primary)}.writing-status--completed{background:color-mix(in srgb,var(--pq-success) 14%,var(--pq-surface-2));color:var(--pq-success)}.writing-status--needs_review{background:color-mix(in srgb,var(--pq-warning) 14%,var(--pq-surface-2));color:var(--pq-warning)}.writing-status--unavailable{border:.0625rem dashed var(--pq-border);background:transparent}.writing-test-card__kicker{margin:0 0 var(--pq-space-1);color:var(--writing-accent);font-size:var(--pq-text-xs);font-weight:700;text-transform:uppercase}.writing-practice-card h3,.writing-task-preview h2,.writing-test-card h3{margin:0;font-family:var(--font-heading,"Outfit",sans-serif);font-size:var(--pq-text-xl)}.writing-task-list{display:grid;gap:var(--pq-space-3);margin:0;padding:0;list-style:none}.writing-task-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--pq-space-1) var(--pq-space-3);padding:var(--pq-space-3);border-radius:var(--pq-radius-md);background:var(--pq-surface-3)}.writing-task-list li>span{grid-row:1/span 2;align-self:center;color:var(--writing-accent);font-size:var(--pq-text-xs);font-weight:750}.writing-task-list strong{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writing-task-list small{color:var(--pq-text-dim)}.writing-test-card__progress{block-size:.375rem;overflow:hidden;border-radius:var(--pq-radius-pill);background:var(--pq-surface-3)}.writing-test-card__progress>span{display:block;inline-size:var(--writing-progress);block-size:100%;border-radius:inherit;background:var(--writing-accent)}.writing-practice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--pq-space-3);padding:var(--pq-space-4);border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-lg);background:var(--pq-surface-2)}.writing-practice-card__icon{display:grid;place-items:center;inline-size:2.75rem;aspect-ratio:1;border-radius:var(--pq-radius-md);background:color-mix(in srgb,var(--writing-accent) 13%,var(--pq-surface-2));color:var(--writing-accent)}.writing-practice-card h3,.writing-practice-card p,.writing-practice-card small{margin:0}.writing-practice-card p{color:var(--writing-accent);font-size:var(--pq-text-xs);font-weight:700}.writing-practice-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pq-text-base)}.writing-practice-card small{color:var(--pq-text-dim)}.writing-practice-card__disabled{color:var(--pq-text-dim);font-size:var(--pq-text-xs)}.writing-activity,.writing-continue,.writing-cutover-state,.writing-overview-header,.writing-state{padding:clamp(var(--pq-space-4),3vw,var(--pq-space-6));border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-xl);background:var(--pq-surface-2)}.writing-continue,.writing-overview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--pq-space-5)}.writing-continue h2,.writing-continue p,.writing-continue span{margin:0}.writing-continue p{color:var(--writing-accent);font-size:var(--pq-text-sm);font-weight:700}.writing-continue h2{margin-block:var(--pq-space-1);font-family:var(--font-heading,"Outfit",sans-serif)}.writing-continue span{color:var(--pq-text-dim);font-size:var(--pq-text-sm)}.writing-activity{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,2fr);gap:var(--pq-space-5);align-items:center}.writing-activity__dependency{display:flex;align-items:center;gap:var(--pq-space-3);padding:var(--pq-space-4);border-radius:var(--pq-radius-lg);background:var(--pq-surface-3);color:var(--pq-text-dim)}.writing-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pq-space-3)}.writing-state p{max-inline-size:70ch;margin:0;color:var(--pq-text-dim);line-height:1.6}.writing-state--error{border-color:color-mix(in srgb,var(--pq-error) 35%,var(--pq-border))}.writing-state--error>svg{color:var(--pq-error)}.writing-state--dependency>svg{color:var(--pq-warning)}.writing-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:var(--pq-space-4)}.writing-skeleton span{min-block-size:18rem;border-radius:var(--pq-radius-xl);background:linear-gradient(100deg,var(--pq-surface-3),var(--pq-surface-2),var(--pq-surface-3));background-size:200% 100%;animation:writing-shimmer 1.5s linear infinite}.writing-cutover-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pq-space-3);max-inline-size:48rem;margin-inline:auto}.writing-cutover-state>svg{color:var(--writing-accent)}.writing-cutover-state h1{margin:0;font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(var(--pq-text-2xl),4vw,var(--pq-text-4xl))}.writing-cutover-state>p:not(.writing-header__eyebrow){margin:0;color:var(--pq-text-dim);line-height:1.65}.writing-cutover-state__actions{display:flex;flex-wrap:wrap;gap:var(--pq-space-3)}.writing-back-link{display:inline-flex;align-items:center;gap:var(--pq-space-1);align-self:flex-start;color:var(--writing-accent,var(--skill-writing));font-weight:700;text-decoration:none}.writing-overview-header>div{min-inline-size:0}.writing-task-preview{display:flex;flex-direction:column;gap:var(--pq-space-4);padding:clamp(var(--pq-space-4),3vw,var(--pq-space-6))}.writing-task-preview__meta{justify-content:space-between;color:var(--pq-text-dim)}.writing-task-preview__instruction{margin:0;color:var(--pq-text-dim);font-weight:650}.writing-task-preview__prompt{margin:0;white-space:pre-wrap;line-height:1.75}.writing-visual-state{display:flex;align-items:flex-start;gap:var(--pq-space-3);padding:var(--pq-space-4);border:.0625rem dashed color-mix(in srgb,var(--pq-warning) 45%,var(--pq-border));border-radius:var(--pq-radius-lg);background:color-mix(in srgb,var(--pq-warning) 8%,var(--pq-surface-2));color:var(--pq-warning)}.writing-visual-state p{margin:var(--pq-space-1) 0 0;color:var(--pq-text-dim);line-height:1.55}.writing-visual-gallery{display:flex;flex-direction:column;gap:var(--pq-space-3)}.writing-visual-gallery__item{margin:0;border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-lg);overflow:hidden;background:var(--pq-surface-2)}.writing-visual-gallery__item img{display:block;width:100%;height:auto;max-height:26rem;object-fit:contain}.writing-visual-table-wrap{overflow-x:auto;border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-lg);background:var(--pq-surface-2)}.writing-visual-table{inline-size:100%;border-collapse:collapse;font-size:var(--pq-text-sm)}.writing-visual-table td,.writing-visual-table th{padding:var(--pq-space-3) var(--pq-space-4);text-align:start;white-space:nowrap;border-block-end:.0625rem solid var(--pq-border)}.writing-visual-table th{color:var(--pq-text-dim);font-size:var(--pq-text-xs);font-weight:700;text-transform:uppercase;background:var(--pq-surface-3)}.writing-visual-table tbody tr:last-child td{border-block-end:0}.writing-editor-page{--writing-accent:var(--skill-writing);display:flex;flex-direction:column;min-block-size:100%;background:var(--pq-surface);color:var(--pq-text)}.writing-editor-toolbar{padding:var(--pq-space-3) clamp(var(--pq-space-4),3vw,var(--pq-space-6));border-block-end:.0625rem solid var(--pq-border);background:var(--pq-surface-2)}.writing-editor-toolbar>span{color:var(--pq-warning);font-size:var(--pq-text-sm)}.writing-editor-layout{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.2fr);flex:1}.writing-editor-prompt,.writing-editor-workspace{padding:clamp(var(--pq-space-4),3vw,var(--pq-space-7))}.writing-editor-prompt{border-inline-end:.0625rem solid var(--pq-border);background:var(--pq-surface-2)}.writing-editor-prompt .writing-visual-state{margin-block-start:var(--pq-space-5)}.writing-editor-workspace{display:flex;flex-direction:column;gap:var(--pq-space-4)}.writing-editor-workspace textarea{flex:1;min-block-size:48vh;resize:vertical;padding:var(--pq-space-4);border:.0625rem solid var(--pq-border);border-radius:var(--pq-radius-lg);background:var(--pq-surface-2);color:var(--pq-text);font:inherit;line-height:1.75}.writing-editor-workspace textarea:disabled{cursor:not-allowed;opacity:.7}.writing-editor-workspace>p{margin:0;color:var(--pq-text-dim);font-size:var(--pq-text-sm)}.writing-editor-submitbar{padding-block-start:var(--pq-space-3);border-block-start:.0625rem solid var(--pq-border);color:var(--pq-text-dim);font-size:var(--pq-text-sm)}.writing-editor-page :is(a,button,textarea):focus-visible,.writing-page :is(a,button,input,textarea):focus-visible{outline:.1875rem solid var(--pq-ring);outline-offset:.125rem}@keyframes writing-shimmer{to{background-position:-200% 0}}@media (max-width:60em){.writing-editor-layout{grid-template-columns:1fr}.writing-editor-prompt{border-inline-end:0;border-block-end:.0625rem solid var(--pq-border)}.writing-activity{grid-template-columns:1fr}}@media (max-width:44em){.writing-continue,.writing-editor-submitbar,.writing-overview-header,.writing-section-heading{align-items:stretch;flex-direction:column}.writing-section-heading>span{align-self:flex-start}.writing-practice-card{grid-template-columns:auto minmax(0,1fr)}.writing-practice-card__disabled{grid-column:2}.writing-task-preview__meta{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.writing-skeleton span{animation:none}.writing-editor-page *,.writing-page *{scroll-behavior:auto;transition-duration:.01ms}}