.value-content{width:100%;max-width:1080px;color:var(--foreground);margin-inline:auto}.value-page-heading{max-width:690px;margin-bottom:28px}.value-page-heading h1{letter-spacing:-.035em;margin:8px 0 12px;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:650;line-height:1.2}.value-page-heading p,.value-heading-row p{color:var(--muted);line-height:1.65}.value-eyebrow{letter-spacing:.025em;font-size:.75rem;font-weight:600}.value-heading-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.value-heading-row h2{letter-spacing:-.02em;margin-bottom:5px;font-size:1.2rem;font-weight:600}.value-heading-row p{font-size:.875rem}.value-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.value-task-category{color:var(--muted);margin-bottom:6px;font-size:.72rem;display:block}.value-starter-heading,.value-workflow-steps h2,.value-workflow-tools h2{margin-bottom:14px;font-size:.95rem;font-weight:600}.value-more-tasks{margin-top:24px;font-size:.85rem}.value-more-tasks summary{cursor:pointer;margin-bottom:16px;font-weight:550}.value-workflow-steps{margin-top:26px}.value-workflow-steps ol{gap:12px;padding-left:24px;list-style:decimal;display:grid}.value-workflow-steps li,.value-workflow-tools p{color:var(--muted);font-size:.85rem;line-height:1.7}.value-workflow-tools{max-width:780px;margin-top:24px}.value-workflow-tools h3{margin-block:16px 8px;font-size:.85rem;font-weight:550}.value-task-card{border:1px solid var(--border);min-width:0;color:inherit;background:var(--card);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .16s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.value-task-card:hover{border-color:var(--brand)}}.value-task-card img{aspect-ratio:15/7;object-fit:contain;background:#f6f5f1;width:100%;height:auto;display:block}.value-task-card-copy{flex-direction:column;flex:1;padding:18px;display:flex}.value-task-card h3{font-size:1rem;font-weight:600;line-height:1.45}.value-task-card p{color:var(--muted);margin:7px 0 18px;font-size:.84rem;line-height:1.6}.value-task-action,.value-text-link{align-items:center;gap:8px;font-size:.8rem;font-weight:550;display:inline-flex}.value-text-link{color:inherit;text-decoration:none}.value-text-link:hover{text-underline-offset:4px;text-decoration:underline}:is(.value-content a:focus-visible,.value-content summary:focus-visible){outline:2px solid var(--ring);outline-offset:5px;border-radius:4px}.value-update-link{color:var(--muted);margin-top:18px}.value-discovery{margin-block:30px}.value-related-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:20px;margin-top:24px;padding-top:20px;display:flex}.value-back{color:var(--muted);margin-bottom:22px}.value-task-hero{border:1px solid var(--border);border-radius:16px;grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.value-task-hero>img{object-fit:contain;background:#f6f5f1;width:100%;height:100%;min-height:240px}.value-output{padding:24px}.value-output h2,.value-check-panel h2{margin-bottom:10px;font-size:.95rem;font-weight:600}.value-output p{color:var(--muted);font-size:.875rem;line-height:1.7}.value-output ol{gap:8px;margin-top:16px;padding:0;list-style:none;display:grid}.value-output li{gap:12px;font-size:.8rem;display:flex}.value-output li>span{color:var(--muted);font-variant-numeric:tabular-nums}.value-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:26px;display:grid}.value-check-panel ul{gap:12px;padding:0;list-style:none;display:grid}.value-check-panel li{color:var(--muted);align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.65;display:flex}.value-check-panel li svg{color:var(--foreground);flex-shrink:0;margin-top:3px}.value-list-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:9px}.value-pitfall{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:16px;font-size:.85rem}.value-pitfall summary{cursor:pointer;font-weight:550}.value-pitfall>div{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:16px;line-height:1.7;display:grid}.value-example-cta{align-items:center;gap:24px;margin-top:26px;display:flex}.value-example-cta p{max-width:520px;color:var(--muted);font-size:.78rem;line-height:1.7}.value-update-entry{border:1px solid var(--border);border-radius:16px;padding:24px}.value-update-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font-size:.75rem;display:flex}.value-update-badge{border:1px solid var(--border);border-radius:6px;padding:3px 8px}.value-update-entry h2{margin-bottom:12px;font-size:1.25rem;font-weight:600}.value-update-entry>p{max-width:720px;color:var(--muted);font-size:.875rem;line-height:1.75}.value-update-highlights{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;padding-block:20px;display:grid}.value-update-highlights h3{margin-bottom:7px;font-size:.875rem;font-weight:600}.value-update-highlights p{color:var(--muted);font-size:.8rem;line-height:1.7}.value-update-boundary{margin-top:20px}.value-update-scope{color:var(--muted);margin-top:24px;font-size:.8rem;line-height:1.7}@media (max-width:720px){.value-content:not(.value-discovery){padding-inline:16px}.value-task-grid,.value-task-hero,.value-two-column,.value-update-highlights{grid-template-columns:1fr}.value-task-card{grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);display:grid}.value-task-card img{aspect-ratio:auto;height:100%}.value-task-card-copy{padding:16px}.value-task-card p{margin-bottom:10px}.value-heading-row{align-items:flex-start}.value-heading-row>.value-text-link{white-space:nowrap;margin-top:4px}.value-task-hero>img{aspect-ratio:15/7;min-height:0;max-height:210px}.value-output,.value-update-entry{padding:20px}.value-example-cta{flex-direction:column;align-items:flex-start;gap:12px}.value-pitfall>div{grid-template-columns:1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.value-task-card{transition:none}}.value-task-action{margin-top:auto;padding-top:4px}.value-text-link{min-height:44px}@media (max-width:420px){.value-task-card{grid-template-columns:minmax(0,1fr)}.value-task-card img{aspect-ratio:15/7;height:auto}.value-heading-row{flex-wrap:wrap;gap:4px}}
