/* TASKPLZ — heuristic UX refinement / 2026-10-15
   Additive layer: preserves TASKPLZ brand and the Lab's editorial layout. */
:root { --ux-focus:#7d9000; }
html { scroll-padding-top:90px; }
.skip-to-content {
  position:fixed;left:14px;top:-80px;z-index:300;
  padding:13px 18px;border-radius:12px;background:#dfff38;color:#171914;
  font-size:14px;font-weight:850;box-shadow:0 10px 24px #0002;
}
.skip-to-content:focus { top:12px; }
:where(a,button,input,textarea,select,summary):focus-visible {
  outline:3px solid var(--ux-focus);outline-offset:3px;
}
:where(button,a) { touch-action:manipulation; }
.intent-choice:focus-visible { outline:3px solid #dfff38;outline-offset:-7px; }
.intent-choice-explore:focus-visible { outline-color:#dfff38; }
.intent-choice-description {
  max-width:410px;margin:24px 0 0;color:#b7b9ae;font-size:clamp(14px,1.2vw,17px);
  line-height:1.75;letter-spacing:-.012em;word-break:keep-all;
}
.intent-choice-explore:hover .intent-choice-description,
.intent-choice-explore:focus-visible .intent-choice-description { color:#424a25; }
.intent-choice-benefit {
  display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;
}
.intent-choice-benefit span {
  padding:7px 10px;border:1px solid rgba(255,255,255,.19);border-radius:8px;
  color:rgba(255,255,255,.76);font-size:11px;font-weight:650;
}
.intent-choice-explore:hover .intent-choice-benefit span,
.intent-choice-explore:focus-visible .intent-choice-benefit span {
  border-color:#75812a;color:#202612;
}
.intent-choice-action {
  position:absolute;left:54px;bottom:38px;display:inline-flex;align-items:center;gap:12px;
  font-size:14px;font-weight:800;letter-spacing:-.02em;
}
.intent-choice-action span { font-size:19px;transition:transform .2s; }
.intent-choice:hover .intent-choice-action span { transform:translate(4px,-3px); }
.intent-choice-arrow { display:none; }
.intent-choice-copy { margin-bottom:30px; }
.intent-brand-caption {
  position:absolute;z-index:5;top:39px;left:116px;
  color:rgba(255,255,255,.49);font-size:11px;font-weight:600;pointer-events:none;
}
.intent-choice-explore .intent-choice-description { color:#b7b9ae; }
.intent-selector:has(.intent-choice:hover) .intent-choice:not(:hover) { opacity:.75; }
.request-body .site-header { position:relative;z-index:2; }
.request-body .hero { padding-top:76px; }
.request-body .hero-copy { max-width:670px; }
.intake-steps {
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:9px;margin:28px 0 25px;padding:0;list-style:none;
}
.intake-steps li {
  display:inline-flex;align-items:center;gap:9px;
  color:#5d6653;font-size:12px;font-weight:750;
}
.intake-steps li span {
  display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;
  background:#e9edda;color:#46512f;font-size:11px;font-weight:850;
}
.intake-steps li+li::before { content:"→";margin-right:6px;color:#9fa99a;font-weight:500; }
.intake-steps li:first-child span { background:#dfff38;color:#171914; }
.composer-input-footer {
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 24px 12px;color:#81877b;font-size:12px;
}
.composer-input-footer .composer-count { font-variant-numeric:tabular-nums; }
.composer-error {
  min-height:20px;margin:0 24px 6px;
  color:#a23c2b;font-size:13px;font-weight:700;
}
.composer-error:empty { display:none; }
.composer-card:has(.composer-error:not(:empty)) { border-color:#b95743 !important; }
.composer-assurance {
  margin:15px 0 0;text-align:center;color:#777d70;font-size:12px;line-height:1.65;
}
.request-body .example-chip { min-height:40px; }
.request-body .submit-button { min-height:46px; }
.result-loading[role="status"] { text-align:center; }
.lab-body .lab-topic-nav a { min-height:42px;display:inline-flex;align-items:center; }
.lab-body .lab-lead-story,.lab-body .lab-rail-story,.lab-body .lab-list-story,
.lab-body .lab-work-item { transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease; }
.lab-body .lab-lead-story:hover,.lab-body .lab-rail-story:hover,
.lab-body .lab-work-item:hover { transform:translateY(-2px); }
.lab-body .lab-list-main p,.lab-body .lab-rail-story p,
.lab-body .lab-work-item p { font-size:max(12px,1em);line-height:1.65; }
.lab-body .lab-story-meta span,.lab-body .lab-story-meta em,
.lab-body .lab-editorial-rule em { font-size:11px; }
.lab-body .lab-article-body p,.lab-body .lab-article-body li {
  font-size:16px;line-height:1.9;
}
.lab-body .lab-article-body blockquote { font-size:15px; }
@media (max-width:760px) {
  .intent-choice { min-height:50dvh;padding:46px 24px 64px; }
  .intent-choice-index { top:21px;left:24px; }
  .intent-choice-copy { margin-bottom:0; }
  .intent-choice h1,.intent-choice h2 {
    font-size:clamp(34px,8.2vw,54px);line-height:1.07;
    letter-spacing:-.06em;max-width:100%;
  }
  .intent-headline-line { white-space:normal; }
  .intent-choice-description { margin-top:13px;font-size:13px;line-height:1.6;max-width:360px; }
  .intent-choice-benefit { margin-top:12px;gap:5px; }
  .intent-choice-benefit span { font-size:10px;padding:5px 7px; }
  .intent-choice-action { left:24px;bottom:19px;font-size:13px; }
  .intent-brand-caption { top:21px;left:91px;font-size:9px; }
  .intake-steps { gap:7px;margin:22px 0; }
  .intake-steps li { font-size:10px;gap:4px; }
  .intake-steps li span { width:21px;height:21px;font-size:10px; }
  .intake-steps li+li::before { margin-right:2px; }
  .composer-input-footer { padding:0 16px 9px;font-size:11px; }
  .composer-error { margin:0 16px 9px; }
  .composer-assurance { padding:0 22px;font-size:11px; }
  .lab-body .lab-lead-copy p,.lab-body .lab-list-main p,
  .lab-body .lab-rail-story p { font-size:13px;line-height:1.7; }
  .lab-body .lab-masthead-note p { font-size:14px; }
  .lab-body .lab-story-meta span,.lab-body .lab-story-meta em { font-size:11px; }
}
@media (max-width:380px) {
  .intent-choice { padding-top:42px;padding-bottom:50px; }
  .intent-choice h1,.intent-choice h2 { font-size:31px; }
  .intent-choice-benefit span { font-size:9px; }
  .intake-steps li { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .intent-choice-action span,.lab-body .lab-lead-story,
  .lab-body .lab-rail-story,.lab-body .lab-list-story,.lab-body .lab-work-item { transition:none; }
  html { scroll-behavior:auto; }
}