@scope (.sushi-app.of-landing) {
:scope.of-landing{container:of-page / inline-size;min-width:0;color:var(--s-ink);font-family:var(--s-font)}
:scope.of-landing,:scope.of-landing *{box-sizing:border-box}
:scope.of-landing .of-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
:scope.of-landing .of-hero.sushi-page-hero.sushi-ph{--of-h1:1.5rem;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:var(--of-image-height-mobile,190px);margin:0!important;padding:0!important;border:0;border-radius:var(--s-r-xl,16px);overflow:hidden;color:#fff;background-color:#0b120e;background-image:var(--of-image,url("https://road2sushi.com/wp-content/uploads/2026/06/10.webp"));background-position:var(--of-image-x-mobile,var(--of-image-x,50%)) var(--of-image-y-mobile,var(--of-image-y,50%));background-size:var(--of-image-fit-mobile,var(--of-image-fit,cover));background-repeat:var(--of-image-repeat,no-repeat);box-shadow:none}
:scope.of-landing .of-hero.sushi-ph::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#06120b;opacity:var(--of-image-overlay,.76)}
:scope.of-landing .of-hero.sushi-ph::after{content:none}
:scope.of-landing .of-hero.sushi-ph .sushi-ph-in{display:block;position:relative;z-index:1;padding:24px 16px 0;min-width:0;margin:0}
:scope.of-landing .of-hero.sushi-ph .sushi-ph-text{gap:8px}
:scope.of-landing .of-hero.sushi-ph .sushi-ph-kicker{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:scope.of-landing .of-hero.sushi-ph .sushi-ph-h1,:scope.of-landing .of-hero.sushi-ph .sushi-ph-h1>.sushi-ph-title{margin:0!important;font-family:var(--s-font);font-size:var(--of-h1)!important;font-weight:var(--s-w-bold,650);line-height:1.25!important;letter-spacing:-.02em;color:#fff!important;overflow-wrap:anywhere}
:scope.of-landing .of-hero.sushi-ph .sushi-ph-after{position:relative;z-index:1;padding:8px 16px 48px}
:scope.of-landing .of-hero .of-intro{max-width:740px;margin:0;font-size:var(--s-t-body,1rem);line-height:1.55;color:#edf5ef}
:scope.of-landing .of-finder{position:relative;z-index:2;margin:0 0 var(--s-gap,24px);padding:0 12px;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
:scope.of-landing .of-form{position:relative;margin:-24px 0 24px;padding:16px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-r-lg,16px);box-shadow:var(--s-e1)}
:scope.of-landing .of-top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:12px;max-width:none;padding:0}
:scope.of-landing .of-top-submit{grid-column:1/-1}
:scope.of-landing .of-top .of-wide{display:inline}
:scope.of-landing .of-top .of-short{display:none}
:scope.of-landing .sushi-form-label{font-size:var(--s-t-label,.75rem);font-weight:var(--s-w-med,500);line-height:1.4;color:var(--s-ink)}
:scope.of-landing .sushi-form-control,:scope.of-landing .of-select-shell>.sushi-form-control{width:100%;min-width:0;min-height:46px;height:46px;margin:0;padding:10px 12px;font-family:var(--s-font);font-size:var(--s-t-body,1rem);line-height:1.4;font-weight:var(--s-w-reg,400);color:var(--s-ink);background-color:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-search-radius,12px);box-shadow:none}
:scope.of-landing input[data-of-decimal]{font-family:var(--s-num);font-variant-numeric:tabular-nums}
:scope.of-landing .of-select-shell{position:relative;min-width:0}
:scope.of-landing .of-select-shell>select.sushi-form-control{appearance:none;-webkit-appearance:none;background-image:none;padding-inline-end:40px}
:scope.of-landing .of-select-chevron{position:absolute;inset-inline-end:14px;top:50%;width:16px;height:16px;display:grid;place-items:center;transform:translateY(-50%);pointer-events:none;color:var(--s-muted)}
:scope.of-landing .of-select-chevron :is(svg,img){display:block;width:16px;height:16px;object-fit:contain}
:scope.of-landing .of-find,:scope.of-landing .of-submit>.sushi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:100%;padding:12px 20px;border:0;border-radius:var(--s-btn-radius,999px);background:var(--s-btn-primary,var(--s-accent));color:#fff;font-family:var(--s-font);font-size:var(--s-btn-font-size,.95rem);font-weight:var(--s-w-med,500);line-height:1.25;box-shadow:none;text-decoration:none;white-space:normal;cursor:pointer;transition:filter var(--s-dur,.1s) var(--s-ease)}
:scope.of-landing .of-find :is(svg,img){flex:0 0 18px;width:18px;height:18px;object-fit:contain}
:scope.of-landing .of-advanced{margin:12px 0 0;border:0}
:scope.of-landing .of-advanced>summary{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;margin:0;padding:10px 14px;border:1px solid var(--s-line);border-radius:var(--s-r-md,12px);background:var(--s-bg);color:var(--s-ink);font-size:14px;font-weight:var(--s-w-med,500);line-height:1.4;list-style:none;cursor:pointer}
:scope.of-landing :is(.of-advanced,.of-choice)>summary::-webkit-details-marker{display:none}
:scope.of-landing :is(.of-advanced,.of-choice)>summary::marker{content:""}
:scope.of-landing .of-chevron{display:inline-flex;flex:0 0 16px;margin-inline-start:auto;transform:rotate(90deg)}
:scope.of-landing details[open]>summary>.of-chevron{transform:rotate(-90deg)}
:scope.of-landing .of-chevron :is(svg,img){width:16px;height:16px;object-fit:contain}
:scope.of-landing .of-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 12px;padding:20px 0 0}
:scope.of-landing .of-fields .of-multi-field,:scope.of-landing .of-submit{grid-column:1/-1}
:scope.of-landing .of-field{min-width:0}
:scope.of-landing .of-choice{position:relative;min-width:0}
:scope.of-landing .of-choice>summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 12px;border:1px solid var(--s-line);border-radius:var(--s-search-radius,12px);background:var(--s-surface);color:var(--s-ink);font-size:16px;line-height:1.4;list-style:none}
:scope.of-landing .of-choice>summary>[data-of-summary]{min-width:0;overflow-wrap:anywhere}
:scope.of-landing .of-choice-menu{inset-inline:0;top:calc(100% + 6px);z-index:40;max-width:100%;padding:12px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-r-md,12px);box-shadow:var(--s-e2)}
:scope.of-landing .of-choice-options{max-height:min(240px,50vh);overflow-y:auto;overscroll-behavior:contain}
:scope.of-landing .of-option{min-height:44px;padding:8px;border-radius:var(--s-r-sm,8px);font-size:14px}
:scope.of-landing .of-choice-clear{min-height:44px;color:var(--s-accent-ink)}
:scope.of-landing .of-source-note{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:12px 0 0;color:var(--s-muted);font-size:var(--s-t-caption,.75rem);line-height:1.5}
:scope.of-landing .of-source-note .si-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
:scope.of-landing .of-results-title{margin:0 0 6px;font-size:var(--s-t-h2,1.375rem);line-height:1.3;font-weight:var(--s-w-bold,650);color:var(--s-ink)}
:scope.of-landing .of-summary{margin:0 0 16px;padding:0;font-size:var(--s-t-small,.8125rem);line-height:1.55;color:var(--s-muted)}
:scope.of-landing .of-results{display:grid;gap:12px;min-width:0;margin:0!important;padding:0!important;list-style:none!important;border:0;background:transparent}
:scope.of-landing .of-row{position:relative;display:block;min-width:0;margin:0!important;padding:16px!important;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-r-lg,16px);list-style:none!important;transition:background-color var(--s-dur,.1s) var(--s-ease)}
:scope.of-landing .of-row-main{min-width:0}
:scope.of-landing .of-leg{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
:scope.of-landing .of-leg+.of-leg{margin-top:16px;padding-top:16px;border-top:1px solid var(--s-line)}
:scope.of-landing .of-when{grid-area:auto;min-width:0;padding-inline-end:40px;color:var(--s-muted);font-size:var(--s-t-caption,.75rem);line-height:1.5;overflow-wrap:anywhere}
:scope.of-landing .of-identity,:scope.of-landing .of-pick,:scope.of-landing .of-prices{grid-area:auto;min-width:0}
:scope.of-landing a.of-match{display:grid;grid-template-columns:22px minmax(0,1fr) auto minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:44px;margin:0;padding:4px 0;font-size:15px;font-weight:var(--s-w-bold,650);line-height:1.4}
:scope.of-landing :is(a.of-match,a.of-pick-link){color:var(--s-ink)!important;text-decoration:none!important;box-shadow:none!important;background-image:none!important;border:0!important}
:scope.of-landing :is(a.of-match,a.of-pick-link)::before,:scope.of-landing :is(a.of-match,a.of-pick-link)::after{content:none!important}
:scope.of-landing .of-home{text-align:start}
:scope.of-landing .of-away{text-align:end}
:scope.of-landing .of-home,:scope.of-landing .of-away{min-width:0;overflow-wrap:anywhere}
:scope.of-landing .of-vs{color:var(--s-muted);font-size:12px;font-weight:400}
:scope.of-landing .of-crest{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:0;border-radius:0}
:scope.of-landing .of-crest :is(img,svg){width:22px!important;height:22px!important;max-width:22px!important;margin:0!important;object-fit:contain;background:none;border:0;border-radius:0;filter:none}
:scope.of-landing .of-pick{font-size:15px;font-weight:var(--s-w-bold,650);line-height:1.45}
:scope.of-landing a.of-pick-link{display:inline-flex;align-items:center;min-height:44px}
:scope.of-landing .of-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:12px 0 0;border-top:1px solid var(--s-line-soft)}
:scope.of-landing .of-metric{display:flex;flex-direction:column;gap:4px;min-width:0;padding-inline:10px;border-inline-start:1px solid var(--s-line-soft)}
:scope.of-landing .of-metric:first-child{padding-inline-start:0;border-inline-start:0}
:scope.of-landing .of-metric:last-child{padding-inline-end:0}
:scope.of-landing .of-metric-label{color:var(--s-muted);font-size:var(--s-t-caption,.75rem);font-weight:400;line-height:1.4;overflow-wrap:anywhere}
:scope.of-landing .of-metric-value{color:var(--s-ink);font-family:var(--s-num);font-size:var(--s-t-body,1rem);font-weight:var(--s-w-bold,650);font-variant-numeric:tabular-nums;line-height:1.4}
:scope.of-landing .of-observed{grid-area:auto;display:block;margin:0;color:var(--s-muted);font-size:var(--s-t-caption,.75rem);line-height:1.5;text-align:end}
:scope.of-landing .of-save{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;align-items:center;justify-content:center}
:scope.of-landing .of-save .sushi-add{--sa:44px;position:relative!important;inset:auto;margin:0;width:44px;min-height:44px;border-radius:var(--s-r-sm,8px)}
:scope.of-landing .of-combined{margin-top:16px;padding-top:12px;border-top:1px solid var(--s-line);font-size:14px;line-height:1.5}
:scope.of-landing .of-empty{padding:20px;border:1px solid var(--s-line);border-radius:var(--s-r-lg,16px);background:var(--s-surface);color:var(--s-ink);font-size:16px;line-height:1.55}
:scope.of-landing .of-request-status[data-of-error]{color:var(--s-risk)}
:scope.of-landing .of-form[aria-busy=true] .of-find{cursor:progress}
:scope.of-landing .of-explain{margin:0 0 var(--s-gap,24px);padding:20px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-r-lg,16px);box-shadow:none}
:scope.of-landing .of-explain>.sushi-heading{margin:0 0 16px}
:scope.of-landing .of-steps,:scope.of-landing .of-definitions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:20px}
:scope.of-landing .of-steps{margin:0;padding-inline-start:24px}
:scope.of-landing .of-steps>li{padding-inline-start:4px}
:scope.of-landing .of-steps>li::marker{color:var(--s-accent-ink);font-weight:650}
:scope.of-landing .of-definitions{margin:0}
:scope.of-landing .of-steps b,:scope.of-landing .of-definitions dt{font-size:15px;font-weight:var(--s-w-bold,650);line-height:1.45}
:scope.of-landing .of-steps p,:scope.of-landing .of-definitions dd,:scope.of-landing .of-answer{margin:6px 0 0;color:var(--s-muted);font-size:14px;line-height:1.65}
:scope.of-landing .of-question{margin:20px 0 0;font-size:16px;line-height:1.45;font-weight:var(--s-w-bold,650)}
:scope.of-landing .of-resource-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0 0}
:scope.of-landing .of-resource-links a{display:inline-flex;align-items:center;min-height:44px}
:scope.of-landing :is(button,summary,a,[role=button],input,select):focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}
:scope.of-landing .sushi-form-control[aria-invalid=true]{border-color:var(--s-risk)}
:scope.of-landing :is(button,input,select):disabled{opacity:.65;cursor:not-allowed}
:scope.of-landing .of-field>.of-select-shell{margin-block-start:auto}
:scope.of-landing .of-explain:not(.of-faq){padding:0;background:transparent;border:0}
:scope.of-landing .of-steps{padding:0;list-style:none}
:scope.of-landing .of-steps>li{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:16px;border:1px solid var(--s-line);border-radius:var(--s-r-md,12px);background:var(--s-surface)}
:scope.of-landing .of-step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--s-accent-soft);color:var(--s-accent-ink);font-size:16px;font-weight:650}
:scope.of-landing .of-definitions>div{padding:16px;border:1px solid var(--s-line);border-radius:var(--s-r-md,12px);background:var(--s-surface)}
:scope.of-landing .of-faq-item{border-top:1px solid var(--s-line)}
:scope.of-landing .of-faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:12px 0;list-style:none;cursor:pointer}
:scope.of-landing .of-faq-item>summary::-webkit-details-marker{display:none}
:scope.of-landing .of-faq-item>summary::marker{content:""}
:scope.of-landing .of-faq-item .of-question{margin:0}
:scope.of-landing .of-faq-item .of-answer{margin:0;padding-bottom:16px}
@media(hover:hover){:scope.of-landing .of-row:hover,:scope.of-landing .of-row:focus-within{background:var(--s-accent-soft)}:scope.of-landing .of-find:hover,:scope.of-landing .of-submit>.sushi-btn:hover{filter:brightness(1.06);transform:none}:scope.of-landing .of-option:hover,:scope.of-landing .of-save .sushi-add:hover{background:var(--s-accent-soft)}}
@container of-page (min-width:760px){:scope.of-landing .of-hero.sushi-page-hero.sushi-ph{--of-h1:var(--s-t-h1,1.75rem);min-height:var(--of-image-height,200px);background-position:var(--of-image-x,50%) var(--of-image-y,50%);background-size:var(--of-image-fit,cover)}:scope.of-landing .of-hero.sushi-ph .sushi-ph-in{padding:28px 24px 0}:scope.of-landing .of-hero.sushi-ph .sushi-ph-after{padding:8px 24px 56px}:scope.of-landing .of-finder{padding-inline:24px}:scope.of-landing .of-form{padding:20px}:scope.of-landing .of-top{grid-template-columns:minmax(100px,.8fr) minmax(160px,1.2fr) minmax(160px,1fr)}:scope.of-landing .of-top-submit{grid-column:auto}:scope.of-landing .of-fields{grid-template-columns:repeat(3,minmax(0,1fr))}:scope.of-landing .of-fields .of-multi-field,:scope.of-landing .of-submit{grid-column:auto}}
@container of-page (min-width:1000px){:scope.of-landing .of-top{padding-inline-end:160px}:scope.of-landing .of-advanced{margin-top:-46px}:scope.of-landing .of-advanced>summary{width:144px;margin-inline-start:auto}:scope.of-landing .of-fields{grid-template-columns:repeat(3,minmax(0,1fr))}:scope.of-landing .of-results{gap:0;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-r-lg,16px)}:scope.of-landing .of-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;padding:18px!important;background:transparent;border:0;border-radius:0}:scope.of-landing .of-row+.of-row{border-top:1px solid var(--s-line)}:scope.of-landing .of-row:first-child{border-radius:var(--s-r-lg,16px) var(--s-r-lg,16px) 0 0}:scope.of-landing .of-row:last-child{border-radius:0 0 var(--s-r-lg,16px) var(--s-r-lg,16px)}:scope.of-landing .of-row:only-child{border-radius:var(--s-r-lg,16px)}:scope.of-landing .of-leg{grid-template-columns:minmax(220px,1.1fr) minmax(125px,.75fr) minmax(270px,1.25fr);align-items:center;gap:4px 18px}:scope.of-landing .of-identity{grid-area:1/1}:scope.of-landing .of-when{grid-area:2/1;padding-inline-end:0}:scope.of-landing .of-pick{grid-area:1/2/3/3}:scope.of-landing .of-prices{grid-area:1/3;margin:0;padding:0;border:0}:scope.of-landing .of-observed{grid-area:2/3}:scope.of-landing a.of-match{font-size:14px}:scope.of-landing .of-save{position:static;align-self:start}}
@container of-page (max-width:359px){:scope.of-landing .of-finder{padding-inline:8px}:scope.of-landing .of-form{padding:12px}:scope.of-landing .of-top{grid-template-columns:minmax(0,1fr)}:scope.of-landing .of-top-submit{grid-column:auto}:scope.of-landing .of-fields{grid-template-columns:minmax(0,1fr)}:scope.of-landing .of-row{padding:12px!important}:scope.of-landing .of-metric{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){:scope.of-landing .of-row,:scope.of-landing .of-find,:scope.of-landing .of-submit>.sushi-btn{transition:none}}
@media(forced-colors:active){:scope.of-landing .of-select-shell>select{appearance:auto;-webkit-appearance:auto}:scope.of-landing .of-select-chevron{display:none}:scope.of-landing .of-find,:scope.of-landing .of-submit>.sushi-btn{border:1px solid ButtonText}:scope.of-landing .of-hero.sushi-page-hero.sushi-ph{background:Canvas;color:CanvasText}:scope.of-landing .of-hero.sushi-ph::before{display:none}:scope.of-landing .of-hero.sushi-ph .sushi-ph-h1,:scope.of-landing .of-hero.sushi-ph .sushi-ph-h1>.sushi-ph-title,:scope.of-landing .of-hero .of-intro{color:CanvasText!important}}
@media print{:scope.of-landing .of-hero.sushi-page-hero.sushi-ph{min-height:0;background:#fff;color:#111;border:1px solid #aaa}:scope.of-landing .of-hero.sushi-ph::before{display:none}:scope.of-landing .of-hero.sushi-ph .sushi-ph-h1,:scope.of-landing .of-hero.sushi-ph .sushi-ph-h1>.sushi-ph-title,:scope.of-landing .of-hero .of-intro{color:#111!important}:scope.of-landing .of-form{margin-top:16px}}
}
/* Owner follow-up 27/10: natural-width identities and the shared Tools section roles.
 * The original handoff above is retained; Globals and saved section CSS still follow. */
@scope (.sushi-app.of-landing) {
  :scope.of-landing{max-width:none;overflow:visible}
  :scope.of-landing .of-hero.sushi-page-hero.sushi-ph{--of-h1:var(--s-t-h1,1.5rem)}
  :scope.of-landing .of-form{padding:var(--s-pad,20px);margin-bottom:var(--s-gap,24px);border-radius:var(--s-radius,16px)}
  :scope.of-landing :is(.of-results,.of-row,.of-empty){border-radius:var(--s-radius,16px)}
  @container of-page (min-width:1000px){
    :scope.of-landing .of-row{border-radius:0}
    :scope.of-landing .of-row:first-child{border-radius:var(--s-radius,16px) var(--s-radius,16px) 0 0}
    :scope.of-landing .of-row:last-child{border-radius:0 0 var(--s-radius,16px) var(--s-radius,16px)}
    :scope.of-landing .of-row:only-child{border-radius:var(--s-radius,16px)}
  }
  :scope.of-landing a.of-match{width:fit-content;max-width:100%;grid-template-columns:22px minmax(0,max-content) auto minmax(0,max-content) 22px;justify-content:start;column-gap:6px}
  :scope.of-landing .of-explain{margin-bottom:var(--s-gap,24px)}
  :scope.of-landing .of-explain>.sushi-heading{margin-bottom:var(--s-pad,16px)}
  :scope.of-landing .of-steps,:scope.of-landing .of-definitions{gap:var(--s-gap,24px)}
  :scope.of-landing .of-steps>li{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  :scope.of-landing .of-definitions>div{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  :scope.of-landing .of-steps b,:scope.of-landing .of-definitions dt,:scope.of-landing .of-question{font-size:var(--s-title-size,1.125rem);font-weight:var(--s-w-bold,650)}
  :scope.of-landing .of-steps p,:scope.of-landing .of-definitions dd,:scope.of-landing .of-answer{font-size:var(--s-t-body,1rem)}
  :scope.of-landing .of-slip-note{margin:0 0 16px;color:var(--s-muted);font-size:var(--s-t-small,.8125rem);line-height:1.5}
}