/* A native editorial portal, adapted from the owner's ImageGen A/B/C sheet. */
.v7-directions{
  --v7-route-ink:var(--ink,#17151e);--v7-route-muted:var(--muted,#6d6972);
  --v7-route-line:color-mix(in srgb,var(--v7-route-ink) 17%,transparent);
  --v7-route-accent:var(--violet,#503cff);
  --v7-route-paper:color-mix(in srgb,var(--bg,#f4f2ee) 94%,#968570);
  --v7-route-lilac:color-mix(in srgb,var(--bg,#f4f2ee) 95%,var(--v7-route-accent));
  position:relative;display:block;width:calc(100% - clamp(20px,4vw,80px)*2);
  max-width:1440px;margin-inline:auto;padding-block:56px;scroll-margin-top:100px;
  color:var(--v7-route-ink);
}
.v7-directions .v7-directions-alias{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;scroll-margin-top:100px}
.v7-directions-head{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;align-items:end;margin-bottom:28px}
.v7-directions .v7-directions-kicker{font-size:10px;line-height:1.5;letter-spacing:.08em;font-weight:400;margin:0 0 16px}
.v7-directions .v7-directions-head h2{font-size:clamp(38px,3.4vw,49px);line-height:1.06;letter-spacing:-.058em;font-weight:400;margin:0;max-width:none}
.v7-directions .v7-directions-head h2 em{font-style:normal;color:var(--v7-route-muted);display:inline}
.v7-directions .v7-directions-intro{justify-self:end;max-width:35ch;padding-bottom:3px}
.v7-directions .v7-directions-intro>p{font-size:14px;line-height:1.65;margin:0}
.v7-directions .v7-directions-intro>small{display:block;margin-top:12px;font-size:10px;line-height:1.5;color:var(--v7-route-muted);letter-spacing:.035em}
.v7-directions-board{display:grid;grid-template-columns:1fr 1.1fr 1.13fr;gap:24px;align-items:stretch}
.v7-directions .v7-direction-group{position:relative;min-width:0;padding:22px 24px 18px;border-radius:12px;transition:background 220ms ease}
.v7-directions .v7-direction-create{background:var(--v7-route-paper)}
.v7-directions .v7-direction-tell{border-top:1px solid var(--v7-route-line);border-radius:0;padding-inline:8px;padding-top:21px}
.v7-directions .v7-direction-connect{background:var(--v7-route-lilac)}
.v7-direction-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.v7-directions .v7-direction-meta>span{font-size:10px;line-height:1.5;letter-spacing:.035em;color:var(--v7-route-muted)}
.v7-directions .v7-direction-meta .atlas-icon{width:25px;height:25px;object-fit:contain}
.v7-directions .v7-direction-group h3{font-weight:400;font-size:clamp(26px,2.5vw,34px);line-height:1.07;letter-spacing:-.055em;margin:0}
.v7-directions .v7-direction-description{font-size:14px;line-height:1.6;font-weight:400;color:var(--v7-route-muted);margin:10px 0 14px;max-width:35ch}
.v7-directions .v7-direction-nav{display:block;margin:0;padding:0}
.v7-directions .direction-copy nav .v7-direction-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 5px;border:1px solid transparent;border-bottom-color:var(--v7-route-line);border-radius:6px;font-size:14px;line-height:1.35;font-weight:400;transition:color 180ms ease,background 180ms ease,box-shadow 180ms ease}
.v7-directions .direction-copy nav .v7-direction-link>span{flex:1;min-width:0}
.v7-directions .v7-direction-link-index{display:none;font-size:10px;line-height:1;color:var(--v7-route-muted);font-variant-numeric:tabular-nums}
.v7-directions .direction-copy nav .v7-direction-link .icon{width:18px;height:18px;transition:transform 200ms ease}
.v7-directions .direction-copy .v7-direction-nav-create .v7-direction-link{font-size:16px;min-height:59px;padding-inline:0}
.v7-directions .v7-direction-nav-tell .v7-direction-link-index{display:block;min-width:22px}
.v7-directions .direction-copy .v7-direction-nav-tell .v7-direction-link{min-height:53px}
.v7-directions .v7-direction-nav-connect{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.v7-directions .direction-copy .v7-direction-nav-connect .v7-direction-link{display:grid;grid-template-columns:1fr 18px;align-content:space-between;align-items:start;min-height:78px;padding:10px 2px 8px;font-size:14px}
.v7-directions .v7-direction-nav-connect .v7-direction-link>span{grid-column:1/-1;max-width:20ch}
.v7-directions .v7-direction-nav-connect .v7-direction-link .icon{grid-column:2;justify-self:end;width:16px;height:16px}
.v7-directions .v7-direction-signature{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:20px;line-height:1.15;letter-spacing:-.035em;font-weight:400}
.v7-direction-signature-line{width:48px;height:32px;border:1px solid var(--v7-route-ink);border-left:0;border-bottom:0;border-radius:0 14px 0 0;opacity:.38}
.v7-direction-credits{display:flex;gap:0;margin-top:20px;color:var(--v7-route-muted);font-size:10px;line-height:1.5;letter-spacing:.04em}
.v7-direction-credits span+span{border-left:1px solid var(--v7-route-line);margin-left:14px;padding-left:14px}
.v7-direction-connection{display:flex;align-items:center;gap:7px;margin-top:18px;min-height:20px;color:var(--v7-route-muted)}
.v7-direction-connection>span{width:5px;height:5px;border:1px solid var(--v7-route-accent);border-radius:50%}
.v7-direction-connection>span:nth-child(2){background:var(--v7-route-accent)}
.v7-direction-connection>i{width:24px;height:1px;background:var(--v7-route-line);margin-right:2px}
.v7-directions .v7-direction-connection small{font-size:10px;line-height:1.4;font-weight:400}
.v7-directions-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--v7-route-line);margin-top:22px;padding-top:15px}
.v7-directions .v7-directions-foot p{font-size:11px;line-height:1.5;margin:0;color:var(--v7-route-muted)}
.v7-directions-foot p:last-child{display:flex;align-items:center;gap:10px;color:var(--v7-route-ink)}
.v7-directions-foot i{display:block;width:22px;height:1px;background:var(--v7-route-line)}
.v7-directions a:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--v7-route-accent);color:var(--v7-route-accent);background:color-mix(in srgb,var(--v7-route-accent) 6%,transparent)}
.v7-directions .v7-direction-link[data-route-selected]{color:var(--v7-route-accent);background:color-mix(in srgb,var(--v7-route-accent) 9%,transparent)}
.v7-directions .v7-direction-group[data-route-active] .v7-direction-meta>span{color:var(--v7-route-accent)}
html[data-theme=dark] .v7-directions .atlas-icon,html[data-theme=dark] .v7-directions .icon{filter:brightness(0) invert(1)}
@media(hover:hover) and (pointer:fine){
  .v7-directions a:hover{color:var(--v7-route-accent)}
  .v7-directions .direction-copy nav a:hover{background:color-mix(in srgb,var(--v7-route-accent) 5%,transparent)}
  .v7-directions a:hover .icon{transform:translateX(3px)}
}
.v7-directions.v7-directions-entered .v7-direction-group{animation:v7-direction-arrive 500ms cubic-bezier(.22,.61,.36,1) both}
.v7-directions.v7-directions-entered .v7-direction-tell{animation-delay:60ms}
.v7-directions.v7-directions-entered .v7-direction-connect{animation-delay:120ms}
@keyframes v7-direction-arrive{from{opacity:.68;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
  .v7-directions-board{gap:16px;grid-template-columns:1fr 1.06fr 1.11fr}
  .v7-directions .v7-direction-group{padding-inline:18px}
  .v7-directions .v7-direction-tell{padding-inline:4px}
  .v7-directions .v7-direction-description{font-size:14px}
  .v7-directions .direction-copy nav .v7-direction-link{font-size:14px}
  .v7-directions .direction-copy .v7-direction-nav-connect .v7-direction-link{font-size:14px;min-height:93px}
  .v7-directions .v7-direction-nav-connect{gap:0 10px}
}
@media(max-width:760px){
  .v7-directions{padding-block:48px 54px}
  .v7-directions-head{grid-template-columns:1fr;gap:22px;margin-bottom:24px}
  .v7-directions .v7-directions-head h2{font-size:clamp(38px,7.8vw,54px)}
  .v7-directions .v7-directions-intro{justify-self:start;max-width:none;padding:0}
  .v7-directions .v7-directions-intro>p{font-size:14px}
  .v7-directions .v7-directions-intro>p br{display:none}
  .v7-directions-board{grid-template-columns:1fr;gap:20px}
  .v7-directions .v7-direction-group{padding:22px 24px 18px}
  .v7-directions .v7-direction-tell{padding:20px 5px 6px}
  .v7-directions .v7-direction-group h3{font-size:32px}
  .v7-directions .v7-direction-description{font-size:14px;margin:12px 0 16px}
  .v7-directions .direction-copy nav .v7-direction-link{font-size:15px;min-height:52px;padding-block:12px}
  .v7-directions .v7-direction-nav-create .v7-direction-link{font-size:16px;min-height:56px}
  .v7-directions .direction-copy .v7-direction-nav-connect .v7-direction-link{font-size:14px;min-height:86px;padding-block:12px}
  .v7-directions .v7-direction-signature{margin-top:18px;font-size:18px}
  .v7-direction-signature-line{height:24px;width:38px}
  .v7-direction-signature>span:last-child br{display:none}
  .v7-direction-credits{margin-top:15px}
  .v7-directions-foot{display:block;margin-top:22px;padding-top:16px}
  .v7-directions .v7-directions-foot p:last-child{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .v7-directions .v7-direction-group,.v7-directions a,.v7-directions .icon{animation:none!important;transition:none!important;transform:none!important}
}
@media(hover:none),(pointer:coarse){
  .v7-directions .v7-direction-group,.v7-directions a,.v7-directions .icon{animation:none!important;transition:none!important;transform:none!important}
}
@media(forced-colors:active){
  .v7-directions a:focus-visible{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none}
  .v7-directions .v7-direction-group{border:1px solid CanvasText}
}