/* Shared editorial scale. Loaded after the legacy stylesheet in every edition. */
:root {
  --type-body:17px;
  --type-hero:clamp(36px,4.4vw,64px);
  --type-heading:clamp(28px,3vw,42px);
  --type-subheading:clamp(23px,2.3vw,32px);
  --type-display:clamp(36px,4.6vw,64px);
  --section-space:clamp(56px,6vw,88px);
}
html[lang="ja"] {
  --type-body:16px;
  --type-hero:clamp(30px,3.7vw,52px);
  --type-heading:clamp(25px,2.5vw,36px);
  --type-subheading:clamp(21px,2vw,28px);
  --type-display:clamp(30px,3.8vw,52px);
}
html body#ursiq-site header.top {
  background:#fff;color:var(--ink);border-bottom:1px solid #dfe3df;
  box-shadow:0 2px 8px #11151306;backdrop-filter:none;-webkit-backdrop-filter:none;
}
html body#ursiq-site .top .brand-emblem {border-left-color:#d9ddda;letter-spacing:0;color:#536059}
html body#ursiq-site .top .brand-emblem b,html body#ursiq-site .top .brand-emblem>span {font-size:12px}
html body#ursiq-site .top .links {font-size:14px;gap:22px}
html body#ursiq-site .top .links a.current:after {background:#a38400}
html body#ursiq-site .top .language-options {background:#fff;border-color:#d9ddda}
html body#ursiq-site .top :is(a,button,summary):focus-visible {outline:2px solid #596747;outline-offset:4px}
html body#ursiq-site footer.verbium {background:#f5f6f3;border-color:#dfe3df;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html body#ursiq-site main h1 {font-size:var(--type-hero);font-weight:600;line-height:1.12;letter-spacing:-.035em;white-space:normal;text-wrap:balance}
html body#ursiq-site main h2 {font-size:var(--type-heading);font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
html body#ursiq-site main h3 {font-size:var(--type-subheading);font-weight:600;line-height:1.3;letter-spacing:-.02em;text-wrap:balance}
html body#ursiq-site main :is(.cap-word,.feature-word,.mark-kicker) {font-size:var(--type-display);font-weight:600;line-height:1.15;letter-spacing:-.035em;white-space:normal}
html body#ursiq-site main :is(.prose,.mark-prose,p) {font-size:var(--type-body);line-height:1.75;letter-spacing:normal}
html body#ursiq-site main :is(.question,.field-head>p,.feature-intro .lead,.mark-prose-lead,.mark-prose-wide,.closing p,.mark-finale p) {font-size:clamp(20px,2vw,26px);line-height:1.55;font-weight:400}
html body#ursiq-site main :is(.feature-hero-copy,.components-hero p,.contact-hero p,.mark-hero p) {font-size:var(--type-body);line-height:1.7;max-width:40em}
html body#ursiq-site main :is(.origin,.name-story,.field-evidence,.cap,.simplicity,.built-hokkaido,.closing,.feature-section,.feature-intro,.feature-final,.mark-section,.mark-finale) {padding-block:var(--section-space);min-height:0}
html body#ursiq-site main :is(.prose,.feature-copy,.mark-prose,.name-story-copy) {max-width:42rem}
html body#ursiq-site main :is(.origin-grid,.cap-grid,.feature-grid,.name-story-grid,.mark-two)>* {min-width:0}
html body#ursiq-site main .simple-list div {font-size:15px;gap:20px}
html body#ursiq-site main .simple-list span {text-align:right}
html body#ursiq-site main .name-equation {font-size:36px}
html body#ursiq-site main .name-story-identity img {max-width:280px}
html body#ursiq-site main :is(.verified-record-copy p,.record-rain-note,.battery-estimate-note,.form-submit-row p) {font-size:13px;line-height:1.65}
html body#ursiq-site main .verified-record-copy h3 {font-size:20px;line-height:1.5}
html body#ursiq-site main :is(.verified-record-number strong,.field-scale strong) {font-size:clamp(32px,3.5vw,48px);line-height:1.2}
/* These two legacy declarations use !important. Keep the exception bounded. */
html body#ursiq-site main .st100-title h2 {font-size:var(--type-heading)!important}
html body#ursiq-site main .mark-finale p {font-size:clamp(20px,2vw,26px)!important}
html[lang="ja"] body#ursiq-site main :is(h1,h2,h3,.cap-word,.feature-word,.mark-kicker) {line-height:1.45;letter-spacing:.015em;word-break:normal;line-break:strict;font-weight:600}
html[lang="ja"] body#ursiq-site main :is(p,.prose,.mark-prose) {line-height:1.9;line-break:strict;word-break:normal}
html[lang="ja"] body#ursiq-site main :is(.question,.field-head>p,.feature-intro .lead,.mark-prose-lead,.mark-prose-wide,.closing p) {font-size:clamp(18px,1.7vw,23px);line-height:1.8}
html[lang="ja"] body#ursiq-site main .name-story h2 span {white-space:normal}
html[lang="ja"] body#ursiq-site main .origin h2 br {display:none}
@media(max-width:760px) {
  :root {--type-body:16px;--type-hero:clamp(34px,8vw,46px);--type-heading:28px;--type-subheading:23px;--type-display:36px}
  html[lang="ja"] {--type-body:16px;--type-hero:clamp(28px,7.5vw,36px);--type-heading:26px;--type-subheading:22px;--type-display:32px}
  html body#ursiq-site .top .links {background:#fff;color:var(--ink);border-color:#dfe3df}
  html body#ursiq-site .top .links a:hover,html body#ursiq-site .top .links a.current {background:#f5f6f3}
  html body#ursiq-site main .home-photo-hero .hero-content {padding:28px 20px 32px}
  html body#ursiq-site main .home-photo-hero .eyebrow {font-size:11px;letter-spacing:.06em}
  html body#ursiq-site main .home-photo-hero .home-hero-caption {font-size:11px}
  html body#ursiq-site main .closing .wrap {padding:32px 24px}
  html body#ursiq-site main .simple-list div {font-size:14px}
  html body#ursiq-site main .origin-photo img {max-height:360px;object-fit:cover}
  html body#ursiq-site main :is(.admin-showcase,.dashboard-showcase) {padding-top:56px}
}
@media(max-width:380px) {
  html body#ursiq-site .top .brand-emblem>span {display:none}
}
/* Japanese legacy columns must also collapse on narrow screens. */
@media(max-width:760px) {
  html[lang] body#ursiq-site main .mark-two {grid-template-columns:minmax(0,1fr);gap:32px}
  html body#ursiq-site main .mark-metrics>div {min-width:0;overflow-wrap:break-word}
}
/* A short product introduction before the origin story. */
html body#ursiq-site main .product-introduction {padding-block:var(--section-space);background:#f7f8f5;border-bottom:1px solid #e0e4dd}
.product-introduction-grid {display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:start}
html body#ursiq-site main .product-introduction h2 {margin:0 0 22px;max-width:22em}
html body#ursiq-site main .product-introduction p {margin:0;max-width:42em;color:#465149}
.product-introduction-links {display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:26px;font-size:15px;font-weight:600}
.product-introduction-links a {padding:8px 0;border-bottom:2px solid #d6b322}
.product-introduction-links a:hover {border-color:#536059}
.product-introduction-links a:focus-visible {outline:2px solid #536059;outline-offset:5px}
@media(max-width:760px) {.product-introduction-grid {grid-template-columns:1fr;gap:24px}.product-introduction-links {font-size:14px}}

.product-introduction .intro-phrase {display:inline-block}

/* Shield identity: use the supplied artwork unchanged on a white field. */
html body#ursiq-site .top .brand img {width:140px;height:auto;max-height:none}
html body#ursiq-site .name-story-identity img {width:280px;max-width:100%;height:auto;background:#fff;padding:16px;border-radius:4px}
.name-details {margin-top:24px;border-top:1px solid #46524b;padding-top:18px}
.name-details summary {cursor:pointer;color:#e3c254;font-size:15px;line-height:1.6;padding:6px 0}
.name-details summary:focus-visible {outline:2px solid #ffd000;outline-offset:5px}
.name-details[open] summary {margin-bottom:18px}
@media(max-width:760px) {html body#ursiq-site .top .brand img {width:116px}.name-details summary {font-size:14px}}

/* Compact Japanese prose: retain body legibility and reduce display paragraphs. */
html[lang="ja"] body#ursiq-site main :is(p,.prose,.mark-prose) {line-height:1.8}
html[lang="ja"] body#ursiq-site main :is(.question,.field-head>p,.mark-prose-lead,.mark-prose-wide,.closing p) {font-size:18px;line-height:1.75}
html[lang="ja"] body#ursiq-site main .feature-intro .lead {font-family:inherit;font-size:17px;font-weight:400;line-height:1.8;letter-spacing:normal;margin:0 0 20px}
html[lang="ja"] body#ursiq-site main .feature-intro .support {margin:0;line-height:1.8}
html[lang="ja"] body#ursiq-site main .feature-intro {padding-block:64px}
@media(max-width:760px) {html[lang="ja"] body#ursiq-site main .feature-intro {padding-block:44px}}

html[lang="ja"] body#ursiq-site main .feature-intro {scroll-margin-top:90px}
/* Frosted white product navigation with a solid fallback. */
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))) {
  html body#ursiq-site header.top {
    background:rgba(255,255,255,.84);
    -webkit-backdrop-filter:blur(16px) saturate(120%);
    backdrop-filter:blur(16px) saturate(120%);
    border-bottom-color:rgba(210,217,211,.65);
  }
}
@media(prefers-reduced-transparency:reduce) {
  html body#ursiq-site header.top {background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Keep Japanese statistics labels compact within the three-column grid. */
html[lang="ja"] body#ursiq-site main .stat strong {font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.35}
html[lang="ja"] body#ursiq-site main .stat strong.sensor-quality {font-size:20px}
html[lang="ja"] body#ursiq-site main .mark-finale p {font-size:18px!important;line-height:1.75}