/* Agent writing: converted from the AgentedSEO design export. */
.aseo-b-info{background:var(--info-soft);color:var(--info)}
.aseo-opp{display:flex;flex-direction:column;gap:8px;padding:32px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:border-color 300ms var(--ease)}
.aseo-opp.aseo-big{grid-row:span 2}
.aseo-opp.aseo-wide{grid-column:span 2}
.aseo-mrows{position:relative;display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:24px}
.aseo-mrows .aseo-mrow{transition:background-color 300ms var(--ease),box-shadow 300ms var(--ease)}
.aseo-mrows .aseo-mrow:nth-child(2){--d:180ms}.aseo-mrows .aseo-mrow:nth-child(3){--d:360ms}.aseo-mrows .aseo-mrow:nth-child(4){--d:540ms}
.aseo-rs{justify-items:end}
.aseo-opp-act{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-opp-act .aseo-p{color:var(--lime-ink);font-weight:600;transition:transform 300ms var(--ease)}
.aseo-opp-act .aseo-oa{justify-items:start}
.aseo-opp-act .aseo-sw-b{color:var(--ink)}
.aseo-opp.aseo-big .aseo-oa{--sd:860ms}.aseo-opp:not(.aseo-big) .aseo-oa{--sd:520ms}@media (hover:hover) and (pointer:fine){
  .aseo-opp:hover{border-color:var(--line-strong)}
  .aseo-opp:hover .aseo-mrow .aseo-rs{--sd:calc(var(--d,0ms) + 140ms)}
  .aseo-opp:hover .aseo-opp-act .aseo-p{transform:translateX(3px)}}
.aseo-opp.aseo-played .aseo-mrow{box-shadow:inset 0 0 0 1px var(--ink);transition-delay:var(--d,0ms)}
.aseo-opp.aseo-played .aseo-mrow .aseo-rs{--sd:calc(var(--d,0ms) + 140ms)}
@media (max-width:900px){
  .aseo-opp.aseo-big{grid-row:auto;grid-column:span 2}}
@media (max-width:640px){
  .aseo-opp.aseo-big,.aseo-opp.aseo-wide{grid-column:auto}
  .aseo-opp{padding:24px}}
.aseo-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.aseo-ai-grid .aseo-opp{gap:8px}
.aseo-ai-grid .aseo-opp.aseo-big{grid-row:span 2}
.aseo-ai-grid .aseo-opp.aseo-wide{grid-column:span 2}
.aseo-ai-grid .aseo-mrows{padding-top:16px}
.aseo-ai-grid .aseo-mrow > span:first-child{min-width:0}
.aseo-ai-code{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding:16px;border-radius:8px;background:var(--sunken);font-family:var(--mono);font-size:12px;line-height:20px;color:var(--muted);overflow:hidden}
.aseo-ai-code b{color:var(--ink);font-weight:500}
.aseo-ai-grid .aseo-mrows .aseo-mrow:nth-child(5){--d:720ms}
.aseo-ai-grid .aseo-opp:not(.aseo-big) .aseo-oa{--sd:620ms}
.aseo-ai-code .aseo-ln{opacity:.35;transform:translateX(-4px);transition:opacity 300ms var(--ease),transform 400ms var(--ease)}
.aseo-ai-code .aseo-ln:nth-child(2){transition-delay:160ms}
.aseo-ai-code .aseo-ln:nth-child(3){transition-delay:320ms}
.aseo-opp.aseo-played .aseo-ai-code .aseo-ln{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){
  .aseo-opp:hover .aseo-ai-code .aseo-ln{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.aseo-ai-code .aseo-ln{opacity:1;transform:none}}
@media (max-width:900px){
  .aseo-ai-grid{grid-template-columns:1fr 1fr}
  .aseo-ai-grid .aseo-opp.aseo-big{grid-row:auto;grid-column:span 2}}
@media (max-width:640px){
  .aseo-ai-grid{grid-template-columns:minmax(0,1fr)}
  .aseo-ai-grid .aseo-opp.aseo-big,.aseo-ai-grid .aseo-opp.aseo-wide{grid-column:auto}}
.aseo .aseo-draft-body{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:20px;border-radius:8px;background:var(--page);border:1px solid var(--line)}
.aseo .aseo-draft-body .aseo-skl{display:block;height:8px;border-radius:4px;background:var(--line)}
.aseo .aseo-draft-body .aseo-dh{margin-top:8px;font-family:var(--display);font-size:14px;line-height:20px;font-weight:600;color:var(--ink)}