/* Keep the existing company-logo canvas while fitting the new square original. */
html[data-stella-design="b"] .stella-company-logo-section img {aspect-ratio:777 / 866;object-fit:contain;}

:root[data-stella-design="b"] {
 --stella-surface:#FFFFFF; --stella-soft:#F7F8F8; --stella-ink:#18202B; --stella-sub:#4B5563;
 --stella-line:#DCE1E4; --stella-input:#7D8995; --stella-focus:#385A70; --stella-inverse:#FFFFFF; --stella-inverse-sub:#DDE1E4;
 --stella-h1:48px; --stella-h1-line:56px; --stella-h2:32px; --stella-h2-line:40px; --stella-h3:24px; --stella-h3-line:32px;
 --stella-body:16px; --stella-body-line:24px; --stella-meta:12px; --stella-meta-line:16px;
 --stella-section:96px; --stella-h1-after:24px; --stella-h2-after:24px; --stella-h3-after:16px;
 --stella-paragraph:16px; --stella-image-caption:16px; --stella-card-padding:24px; --stella-card-gap:32px;
 --stella-field-gap:24px; --stella-label-gap:8px; --stella-button-gap:16px; --stella-page-gutter:32px; --stella-control:48px;
 --paper:var(--stella-surface); --paper-deep:var(--stella-soft); --ink:var(--stella-ink); --navy:var(--stella-ink);
 --brown:var(--stella-ink); --gold:var(--stella-inverse-sub); --muted:var(--stella-sub); --line:var(--stella-line);
 --sub:var(--stella-sub); --soft:var(--stella-soft); --brand:var(--stella-ink); --brand-2:var(--stella-ink); --brand-dark:var(--stella-ink);
 --gutter:max(var(--stella-page-gutter),calc((100% - 1200px)/2));
 color-scheme:light;
}
html[data-stella-design="b"] body {background:var(--stella-surface);color:var(--stella-ink);font-size:var(--stella-body);line-height:var(--stella-body-line);}
html[data-stella-design="b"] :focus-visible {outline:3px solid var(--stella-focus) !important;outline-offset:4px;}
html[data-stella-design="b"] :is(.stella-common-footer,.mobile-menu,.is-menu-open,.card header) :focus-visible {outline-color:var(--stella-inverse) !important;}
html[data-stella-design="b"] :is(h1,h2,h3) {overflow-wrap:anywhere;}
html[data-stella-design="b"] main :is(h1,h2,h3):not(.hero-copy h1,.hero-copy h2,.home-products-header h2,.home-statement h2,.home-news h2,.home-contact h2,.home-product-copy h3) {letter-spacing:normal;}
html[data-stella-design="b"] main h1:not(.hero-copy h1) {font-size:var(--stella-h1);line-height:var(--stella-h1-line);margin:0 0 var(--stella-h1-after);}
html[data-stella-design="b"] main h2:not(.hero-copy h2,.home-products-header h2,.home-statement h2,.home-news h2,.home-contact h2) {font-size:var(--stella-h2);line-height:var(--stella-h2-line);margin:0 0 var(--stella-h2-after);}
html[data-stella-design="b"] main h3:not(.home-product-copy h3) {font-size:var(--stella-h3);line-height:var(--stella-h3-line);margin:0 0 var(--stella-h3-after);}
html[data-stella-design="b"] main :is(p,li,dd,dt,label,input,select,textarea,button) {font-size:var(--stella-body);line-height:var(--stella-body-line);}
html[data-stella-design="b"] main p {margin-top:0;margin-bottom:var(--stella-paragraph);}
html[data-stella-design="b"] main :is(.overline,.eyebrow,.meta,.kana,.pack-kicker,time,small,.form-field label small,.form-field label span) {font-size:var(--stella-meta);line-height:var(--stella-meta-line);}
html[data-stella-design="b"] main :is(.lead,.hero-body,.section-intro,.pack-lead,.pack-subtle,.pack-visually,.pack-note,.pack-empty,.mission,.about-lead) {font-size:16px;line-height:24px;}
html[data-stella-design="b"] :is(.lead,.meta,.section-intro,.pack-lead,.pack-subtle,.pack-visually,.pack-muted,.about-story p,.privacy-page p) {color:var(--stella-sub);}
html[data-stella-design="b"] main a:not(:has(img),.primary-button,.hero-action,.pack-action,.pack-open-app,.pack-nav-mobile,.store-badge-link,.brand) {text-decoration:underline;text-underline-offset:4px;}
html[data-stella-design="b"] :is(.primary-button,.hero-action,.pack-action,.pack-open-app,.stella-contact-cta) {min-height:48px;padding:8px 24px;gap:16px;font-size:16px;line-height:24px;box-sizing:border-box;}
html[data-stella-design="b"] :is(.primary-button.dark,.hero-action--primary,.pack-action,.pack-open-app) {background:var(--stella-ink);color:var(--stella-inverse);border-color:var(--stella-ink);}
html[data-stella-design="b"] :is(.hero-action:not(.hero-action--primary),.pack-action-outline) {background:var(--stella-surface);color:var(--stella-ink);border-color:var(--stella-ink);}
html[data-stella-design="b"] :is(.primary-button,.hero-action,.pack-action,.pack-open-app):hover {box-shadow:0 0 0 2px var(--stella-input);filter:none;}
html[data-stella-design="b"] :is(button,input,select,textarea):disabled {opacity:1;color:var(--stella-sub);background:var(--stella-soft);border-color:var(--stella-input);cursor:not-allowed;box-shadow:none;}
html[data-stella-design="b"] :is(.hero-actions,.pack-inline-form,.form-submit,.pack-controls) {gap:var(--stella-button-gap);}
/* Keep the original centered brand and left/right navigation; limit only their spread. */
html[data-stella-design="b"] .site-header {padding-inline:max(32px,calc((100% - 1200px)/2));background:var(--stella-surface);color:var(--stella-ink);height:72px;border-color:var(--stella-line);}
html[data-stella-design="b"] .site-header.is-overlay {height:88px;background:transparent;color:var(--stella-inverse);border-color:var(--stella-input);}
html[data-stella-design="b"] .site-header .brand span {font-size:20px;line-height:24px;}
html[data-stella-design="b"] .site-header .brand small {font-size:12px;line-height:16px;margin-top:4px;}
html[data-stella-design="b"] .nav-side {gap:24px;}
html[data-stella-design="b"] .nav-side a {font-size:12px;line-height:16px;min-height:48px;}
html[data-stella-design="b"] .site-header.is-menu-open {color:var(--stella-inverse);background:var(--stella-ink);}
html[data-stella-design="b"] .mobile-menu {background:var(--stella-ink);padding-inline:24px;}
html[data-stella-design="b"] .mobile-menu a {font-size:24px;line-height:32px;min-height:48px;}
html[data-stella-design="b"] :is(.topbar,.pack-topnav) {gap:16px;flex-wrap:wrap;min-height:48px;margin-bottom:32px;padding:0;}
html[data-stella-design="b"] :is(.topbar,.pack-topnav) a {font-size:16px;line-height:24px;min-height:48px;display:inline-flex;align-items:center;}
html[data-stella-design="b"] .stella-tool-nav {max-width:1200px;margin:auto;padding:16px var(--stella-page-gutter);display:flex;gap:16px;flex-wrap:wrap;}
html[data-stella-design="b"] .stella-tool-nav a {font-size:16px;line-height:24px;min-height:48px;display:inline-flex;align-items:center;text-decoration:underline;}
/* Photos, phone frames, image dimensions, carousel grid and large hero typography are untouched. */
html[data-stella-design="b"] :is(.hero-copy,.slide-brand .hero-copy,.slide-motteke .hero-copy,.home-product.motteke,.home-contact) {background:var(--stella-ink);color:var(--stella-inverse);}
html[data-stella-design="b"] :is(.slide-profuka .hero-copy,.home-product.profuka,.product-card.profuka,.home-product.physical .home-product-copy) {background:var(--stella-soft);color:var(--stella-ink);}
html[data-stella-design="b"] .hero-copy p {color:inherit;}
html[data-stella-design="b"] :is(.hero-stat,.overline.dark,.news-list time,.news-copy a) {color:var(--stella-sub);}
html[data-stella-design="b"] :is(.hero-copy,.home-product.motteke) :is(.overline,.hero-stat) {color:var(--stella-inverse-sub);}
html[data-stella-design="b"] :is(.home-product.profuka,.home-product.physical) .overline.dark {color:var(--stella-sub);}
html[data-stella-design="b"] .product-metric span {color:var(--stella-inverse-sub);}
html[data-stella-design="b"] .profuka .product-metric span {color:var(--stella-ink);}
html[data-stella-design="b"] .home-product-copy>p:not(.overline) {opacity:1;}
html[data-stella-design="b"] .home-product.motteke .primary-button.dark {background:var(--stella-inverse);color:var(--stella-ink);border-color:var(--stella-inverse);}
html[data-stella-design="b"] :is(.section-shell,.feature-section,.detail-rank) {padding-block:var(--stella-section);padding-inline:var(--gutter);}
html[data-stella-design="b"] :is(.home-product-copy,.product-card-copy,.detail-copy) {padding:var(--stella-section) var(--stella-page-gutter);}
html[data-stella-design="b"] .page-hero {padding:64px var(--gutter) 64px;min-height:0;}
html[data-stella-design="b"] .stella-company-logo-section {background:linear-gradient(to bottom,var(--stella-surface) 12%,var(--stella-soft) 12%,var(--stella-soft) 88%,var(--stella-surface) 88%);padding:var(--stella-section) var(--stella-page-gutter);}
html[data-stella-design="b"] :is(.rank-note>p:last-child,.detail-metric span) {color:var(--stella-inverse-sub);}
html[data-stella-design="b"] .profuka .detail-metric span {color:var(--stella-ink);}
html[data-stella-design="b"] .section-title {margin-bottom:32px;gap:16px;}
html[data-stella-design="b"] :is(.home-statement,.home-news,.about-story,.about-social,.feature-section) {gap:32px;}
html[data-stella-design="b"] :is(.store-grid,.info-grid,.video-grid,.principle-grid) {gap:var(--stella-card-gap);}
html[data-stella-design="b"] :is(.store-card,.info-card,.video-card,.principle-grid article,.stella-company-trust) {padding:var(--stella-card-padding);}
html[data-stella-design="b"] :is(.store-card,.info-card,.video-card) {border-color:var(--stella-line);}
html[data-stella-design="b"] .section {margin-top:var(--stella-section);}
html[data-stella-design="b"] :is(.shell,body>main:not(#main),.pack-shell) {width:min(1200px,100%);padding-inline:var(--stella-page-gutter);box-sizing:border-box;}
html[data-stella-design="b"] body>main:not(#main):not(.shell) {margin-inline:auto;}
html[data-stella-design="b"] .shell {padding-top:32px;padding-bottom:96px;}
html[data-stella-design="b"] .privacy-page {padding-block:144px 96px;padding-inline:var(--gutter);}
html[data-stella-design="b"] .privacy-page :is(header,article) {max-width:960px;}
html[data-stella-design="b"] body>main:not(#main):not(.shell):has(.privacy-icon) section {margin-top:var(--stella-section);}
html[data-stella-design="b"] :is(.policy-label,.policy-app-name) {font-size:inherit;line-height:inherit;}
html[data-stella-design="b"] .app-identity {gap:16px;}
.stella-word {white-space:normal;word-break:keep-all;overflow-wrap:anywhere;}
.policy-heading,.policy-label {text-wrap:wrap;}
html[data-stella-design="b"] .contact-page {gap:32px;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);}
html[data-stella-design="b"] .contact-form {gap:24px;min-width:0;}
html[data-stella-design="b"] :is(.form-field,.pack-field,.pack-qr-title) {gap:8px;}
html[data-stella-design="b"] :is(.form-field label,.pack-field,.pack-qr-title) {font-size:16px;line-height:24px;}
html[data-stella-design="b"] :is(.form-field input,.form-field select,.form-field textarea,.pack-shell input:not([type="checkbox"]),.pack-shell select) {min-height:48px;padding:8px;border:1px solid var(--stella-input);background:var(--stella-surface);color:var(--stella-ink);}
html[data-stella-design="b"] :is(.form-field input,.form-field select,.form-field textarea):focus {background:var(--stella-surface);border-color:var(--stella-focus);}
html[data-stella-design="b"] :is(input,select,textarea)[aria-invalid="true"] {border:2px solid #982C20;}
html[data-stella-design="b"] :is(.form-error,.pack-error,#notice) {color:#982C20;}
html[data-stella-design="b"] .form-consent {min-height:48px;}
html[data-stella-design="b"] input[type="checkbox"] {accent-color:var(--stella-ink);}
html[data-stella-design="b"] :is(.pack-panel,.pack-banner) {padding:var(--stella-card-padding);margin-bottom:32px;}
html[data-stella-design="b"] .pack-grid {gap:32px;grid-template-columns:minmax(0,1fr) minmax(360px,416px);}
html[data-stella-design="b"] .pack-fields {gap:24px;}
html[data-stella-design="b"] :is(.pack-note,.pack-group summary,.pack-tabs,.pack-banner) {background:var(--stella-soft);}
html[data-stella-design="b"] :is(.pack-minor,.pack-tabs button,.pack-event-category,.pack-event-option) {min-height:48px;min-width:48px;font-size:16px;line-height:24px;}
html[data-stella-design="b"] .pack-nav-mobile {min-height:48px;align-items:center;padding:8px 16px;}
html[data-stella-design="b"] :is(.pack-category.is-active,.pack-event-button.is-active,.pack-active-event,.pack-toggle,.pack-recommend,.pack-alloc,.pack-item-quantity) {background:var(--stella-soft);color:var(--stella-ink);}
html[data-stella-design="b"] :is(.pack-category,.pack-event-button,.pack-recommend-button,.pack-toggle,.pack-minor,.pack-search) {border-color:var(--stella-input);}
html[data-stella-design="b"] :is(.pack-event-button,.pack-recommend-button,.pack-download,.pack-picker-change,.pack-bag button,.pack-item-tools button,.pack-item-tools select,.pack-bag-details summary) {min-height:48px;}
html[data-stella-design="b"] .pack-item-row.is-detailed {grid-template-columns:28px minmax(0,1fr) 64px 56px;gap:8px;}
html[data-stella-design="b"] :is(.pack-intro h1,.pack-picker-label,.pack-category) {text-wrap:balance;word-break:auto-phrase;}
html[data-stella-design="b"] .pack-intro {padding:32px 0;}
html[data-stella-design="b"] .pack-shell {padding-top:32px;padding-bottom:96px;}
html[data-stella-design="b"] .pack-panel :is(h2,h2 button) {font-size:var(--stella-h2);line-height:var(--stella-h2-line);}
html[data-stella-design="b"] .pack-panel h2 button {text-align:left;}
html[data-stella-design="b"] .pack-panel {min-width:0;}
html[data-stella-design="b"] .pack-qr-panel {top:24px;}
html[data-stella-design="b"] .pack-app-icon {flex-shrink:0;}
html[data-stella-design="b"] .card header {background:var(--stella-ink);color:var(--stella-inverse);}
html[data-stella-design="b"] .card .btn.primary {background:var(--stella-ink);color:var(--stella-inverse);border-color:var(--stella-ink);}
html[data-stella-design="b"] .card .btn:not(.primary) {background:var(--stella-surface);color:var(--stella-ink);border-color:var(--stella-input);}
html[data-stella-design="b"] .card header .brand {color:var(--stella-inverse-sub);}
html[data-stella-design="b"] .card .profile {padding:var(--stella-card-padding);}
html[data-stella-design="b"] .card .actions {gap:16px;padding:var(--stella-card-padding);}
html[data-stella-design="b"] .card .actions a {font-size:16px;line-height:24px;min-height:48px;padding:8px 16px;}
/* 2026-11-06: action links keep a visible arrow; underline only on interaction. */
html[data-stella-design="b"] main a[data-stella-hover-underline] {text-decoration:none !important;border-bottom-color:transparent !important;}
html[data-stella-design="b"] main a[data-stella-hover-underline]:is(:hover,:focus-visible) {text-decoration:underline !important;border-bottom-color:currentColor !important;}
/* Privacy-page TOC and app-back links only; preserve other links and button outlines. */
html[data-stella-design="b"] .stella-policy-toc a,
html[data-stella-design="b"] main a.back[href$="/motteke"],
html[data-stella-design="b"] main a.back[href$="/profuka"] {text-decoration:none !important;}
html[data-stella-design="b"] .stella-policy-toc a:is(:hover,:focus-visible),
html[data-stella-design="b"] main a.back[href$="/motteke"]:is(:hover,:focus-visible),
html[data-stella-design="b"] main a.back[href$="/profuka"]:is(:hover,:focus-visible) {text-decoration:underline !important;}
/* Life-support only: keep the original image and all explanatory copy, reduce two layers of excessive padding. */
html[data-stella-design="b"] .stella-life-support-intro {min-height:0 !important;height:auto !important;padding-top:32px !important;padding-bottom:32px !important;}
html[data-stella-design="b"] .stella-life-support-intro>div {min-height:0 !important;height:auto !important;}
html[data-stella-design="b"] .stella-life-support-intro .detail-copy {padding-block:0 !important;max-width:720px;}
html[data-stella-design="b"] .stella-life-support-intro h1 {margin-bottom:24px !important;}
html[data-stella-design="b"] .stella-life-support-intro p {margin-bottom:16px !important;}
html[data-stella-design="b"] .stella-life-support-secondary {min-height:0 !important;height:auto !important;margin-top:0 !important;padding-top:0 !important;padding-bottom:64px !important;}
html[data-stella-design="b"] .stella-life-support-secondary :is(.section-shell,.feature-section) {padding-block:0 !important;}
/* Match the secondary description's left edge to the primary H1, without moving the source image. */
html[data-stella-design="b"] .stella-life-support-secondary {width:100% !important;max-width:none !important;box-sizing:border-box !important;padding-inline:var(--stella-page-gutter) !important;}
html[data-stella-design="b"] .stella-life-support-secondary :is(.section-shell,.feature-section) {width:100% !important;max-width:none !important;margin-inline:0 !important;padding-inline:0 !important;box-sizing:border-box !important;}
html[data-stella-design="b"] .stella-life-support-secondary [data-stella-original-news="true"],
html[data-stella-design="b"] .stella-life-support-secondary [data-stella-duplicate-status="true"] {display:none !important;}
@media(max-width:820px){
 html[data-stella-design="b"] .stella-life-support-intro {padding-top:24px !important;padding-bottom:24px !important;}
 html[data-stella-design="b"] .stella-life-support-intro h1 {margin-bottom:16px !important;}
 html[data-stella-design="b"] .stella-life-support-secondary {padding-bottom:64px !important;}
}
/* The legacy footer remains mounted for React; only the shared sibling is visible. */
html[data-stella-design="b"] body footer:not(#stella-common-footer) {display:none;}
html[data-stella-design="b"] #stella-common-footer {display:block;width:100%;max-width:none;margin:0;padding:64px 32px 32px;background:var(--stella-ink);color:var(--stella-inverse);border:0;box-sizing:border-box;}
#stella-common-footer .stella-footer-inner {width:100%;max-width:1200px;margin:auto;display:grid;grid-template-columns:240px minmax(128px,1fr) repeat(2,minmax(176px,1fr)) minmax(240px,1.2fr);gap:32px;}
#stella-common-footer .stella-footer-brand {display:block;width:240px;max-width:100%;margin:0 0 16px;}
#stella-common-footer .stella-footer-banner {display:block;width:100%;height:auto;object-fit:contain;}
#stella-common-footer :is(p,a) {font-size:16px;line-height:24px;}
#stella-common-footer p {margin:0;color:var(--stella-inverse-sub);}
#stella-common-footer .stella-footer-group {display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;}
#stella-common-footer .stella-footer-group>a {font-size:12px;line-height:32px;font-weight:400;color:var(--stella-inverse-sub);}
#stella-common-footer .stella-footer-group>p {font-weight:700;color:var(--stella-inverse);margin-bottom:8px;}
#stella-common-footer a {color:var(--stella-inverse);text-decoration:none;text-underline-offset:4px;overflow-wrap:anywhere;}
#stella-common-footer a:is(:hover,:focus-visible) {text-decoration:underline;text-decoration-thickness:2px;}
#stella-common-footer .stella-footer-copyright {grid-column:1/-1;border-top:1px solid var(--stella-input);padding-top:24px;font-size:12px;line-height:16px;}
.stella-breadcrumb {font-size:12px;line-height:16px;color:var(--stella-sub);margin:0 0 24px;max-width:100%;}
.stella-breadcrumb ol {display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:0;}
html[data-stella-design="b"] main .stella-breadcrumb li {display:flex;gap:8px;align-items:center;font-size:12px;line-height:16px;}
.stella-breadcrumb li+li:before {content:'›';display:block;line-height:16px;}
html[data-stella-design="b"] main .stella-breadcrumb :is(a,span){display:inline-flex;align-items:center;font-size:12px;line-height:16px;margin:0;padding:0;}
.stella-breadcrumb [aria-current] {font-weight:700;}
html[data-stella-design="b"] main>.stella-breadcrumb {padding-inline:var(--stella-page-gutter);}
html[data-stella-design="b"] :is(.shell,main:not(#main),.pack-shell main)>.stella-breadcrumb {padding-inline:0;}
html[data-stella-kind="card"] body>main {width:min(490px,100%);padding:24px;}
html[data-stella-kind="card"] .card section {margin-top:0;}
html[data-stella-kind="card"] .card .actions a {text-decoration:none;}
html[data-stella-kind="card"] .card .profile .email-wrap a {color:var(--stella-ink);}
html[data-stella-design="b"] .pack-event-category[aria-pressed="true"],html[data-stella-design="b"] [data-event-category].is-active {background:var(--stella-soft);border-color:var(--stella-ink);}
@media(max-width:1279px) {
 #stella-common-footer .stella-footer-inner {grid-template-columns:repeat(2,minmax(0,1fr));}
 #stella-common-footer .stella-footer-identity {grid-column:1/-1;}
}
@media(max-width:1100px) {
 html[data-stella-design="b"] .nav-side {gap:16px;}
 html[data-stella-design="b"] .pack-grid {grid-template-columns:1fr;}
 html[data-stella-design="b"] .pack-qr-panel {position:static;}
}
@media(max-width:900px) {html[data-stella-design="b"] .pack-nav-mobile {display:flex;}}
@media(max-width:820px) {
 :root[data-stella-design="b"] {--stella-h1:32px;--stella-h1-line:40px;--stella-h2:24px;--stella-h2-line:32px;--stella-h3:20px;--stella-h3-line:28px;--stella-section:64px;--stella-h1-after:16px;--stella-h2-after:16px;--stella-h3-after:8px;--stella-card-padding:16px;--stella-card-gap:16px;--stella-page-gutter:24px;}
 html[data-stella-design="b"] :is(.site-header,.site-header.is-overlay) {height:72px;padding-inline:24px;}
 html[data-stella-design="b"] .site-header .brand span {font-size:16px;line-height:24px;}
 html[data-stella-design="b"] .menu-button {width:48px;height:48px;}
 html[data-stella-design="b"] :is(.inner-page,.product-detail) {padding-top:72px;}
 html[data-stella-design="b"] :is(.contact-page,.home-statement,.home-news,.about-story,.about-social) {grid-template-columns:minmax(0,1fr);}
 html[data-stella-design="b"] .page-hero {padding:48px 24px;}
 html[data-stella-design="b"] .privacy-page {padding-top:120px;padding-bottom:64px;}
 html[data-stella-design="b"] .shell {padding-top:24px;padding-bottom:64px;}
 html[data-stella-design="b"] :is(.pack-shell,.pack-panel,.pack-banner) {margin-bottom:16px;}
 html[data-stella-design="b"] .pack-shell {padding-top:24px;padding-bottom:80px;}
 html[data-stella-design="b"] .pack-grid {gap:16px;}
 html[data-stella-design="b"] .app-identity:has(.privacy-icon) {flex-direction:column;align-items:flex-start;}
 html[data-stella-design="b"] .pack-heading {display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;}
 html[data-stella-design="b"] .pack-heading>div {display:contents;}
 html[data-stella-design="b"] .pack-heading h1 {grid-column:1/-1;grid-row:1;margin-bottom:0;}
 html[data-stella-design="b"] .pack-heading img {grid-row:2;}
 html[data-stella-design="b"] .pack-heading .pack-lead {grid-column:2;grid-row:2;margin:0;}
 html[data-stella-design="b"] .pack-item-row {grid-template-columns:24px minmax(0,1fr);gap:8px;}
 html[data-stella-design="b"] .pack-item-row.is-detailed {grid-template-columns:24px minmax(0,1fr);gap:8px;}
 html[data-stella-design="b"] .pack-item-row :is(.pack-num,.pack-unit) {grid-column:2;}
 html[data-stella-design="b"] .pack-item-tools {margin-left:0;gap:8px;}
 html[data-stella-design="b"] .pack-fields {grid-template-columns:1fr;}
 html[data-stella-design="b"] #stella-common-footer {padding:48px 24px 32px;}
 #stella-common-footer .stella-footer-inner {gap:32px 16px;}
 #stella-common-footer .stella-footer-identity {grid-column:1/-1;}
}
@media(max-width:600px) {
 html[data-stella-kind="card"] .card .actions a {grid-column:1/-1;}
 #stella-common-footer .stella-footer-inner {grid-template-columns:1fr;}
}
@media(max-width:320px) {
 html[data-stella-design="b"] .home-contact h2 {word-break:keep-all;}
}
@media(max-width:360px) {
 html[data-stella-design="b"] .pack-category {flex-direction:column;gap:8px;}
 #stella-common-footer .stella-footer-inner {grid-template-columns:1fr;}
 #stella-common-footer .stella-footer-group:last-of-type {display:flex;}
}


/* HP改修4 / B案: desktop home sections only.
   Approved exception: adjust hero copy panel and photo visibility.
   Preserve image files, text, buttons, header/footer, slider behaviour and all <=1279px layouts.
   Header content edges: max(32px, (viewport width - 1200px)/2).
*/
@media (min-width: 1344px) {
  html[data-stella-design="b"] main .hero:has(.slide-brand) { container-type: inline-size; }
  html[data-stella-design="b"] main .hero:has(.slide-brand) .hero-slide {
    /* 448px = existing text width 376px + original 72px end padding. */
    grid-template-columns: max(520px, calc(max(32px, (100cqw - 1200px) / 2) + 448px)) minmax(0, 1fr);
  }
  html[data-stella-design="b"] main .hero:has(.slide-brand) .hero-slide .hero-copy {
    padding-inline-start: max(32px, calc((100cqw - 1200px) / 2));
  }
}
@media (min-width: 1280px) {
  html[data-stella-design="b"] main .home-products { container-type: inline-size; }
  html[data-stella-design="b"] main .home-products .home-product.motteke {
    /* Right panel expands as the header's right gutter expands. */
    grid-template-columns: minmax(0, 1fr) max(31.2%, calc(max(32px, (100cqw - 1200px) / 2) + 360px));
  }
  html[data-stella-design="b"] main .home-products .home-product.motteke .home-product-copy {
    padding-inline-end: max(32px, calc((100cqw - 1200px) / 2));
  }
  html[data-stella-design="b"] main .home-products .home-product.profuka .home-product-copy {
    padding-inline-start: max(32px, calc((100cqw - 1200px) / 2));
  }
}


/* HP改修5 / 2026-11-09: homepage-only headline line breaks, single-link decoration and profuka photo inset.
   Text and photos are not replaced; <=1279px image layouts remain untouched.
*/
html[data-stella-design="b"] main .hero .hero-copy :is(h1,h2) .stella-hero-fixed-line {
  display:block;
  white-space:nowrap;
}
/* Fixed copy uses the approved 8px/4px typography scale; 8 ideographs fit the narrowest copy column. */
html[data-stella-design="b"] main .hero .slide-brand .hero-copy :is(h1,h2) {
  font-size:48px !important;
  line-height:56px !important;
}
html[data-stella-design="b"] main .hero :is(.slide-motteke,.slide-profuka) .hero-copy :is(h1,h2) {
  font-size:40px !important;
  line-height:48px !important;
}
@media(min-width:821px) and (max-width:1100px) {
  html[data-stella-design="b"] main .hero :is(.slide-motteke,.slide-profuka) .hero-copy :is(h1,h2) {
    font-size:36px !important;
    line-height:44px !important;
  }
}
@media(max-width:820px) {
  html[data-stella-design="b"] main .hero :is(.slide-brand,.slide-motteke,.slide-profuka) .hero-copy :is(h1,h2) {
    font-size:32px !important;
    line-height:40px !important;
  }
}
@media(max-width:319px) {
  /* Accessibility fallback for extreme zoom: never clip information. */
  html[data-stella-design="b"] main .hero .hero-copy :is(h1,h2) .stella-hero-fixed-line {white-space:normal;}
}
/* HP改修5 (2026-11-10): current live hero title/description border-box gap 0px; increase exactly 8px. */
html[data-stella-design="b"] main .hero .hero-slide:is(.slide-brand,.slide-motteke,.slide-profuka) .hero-copy :is(h1,h2) {
  margin-bottom:8px !important;
}
/* Match four homepage H2 titles to the existing motteke/profuka hero H2 font scale, not a fixed 40px. */
html[data-stella-design="b"] main :is(.home-statement,.home-products-header,.home-news,.home-contact) h2 {
  font-size:40px !important;
  line-height:48px !important;
}
@media (min-width:821px) and (max-width:1100px) {
  html[data-stella-design="b"] main :is(.home-statement,.home-products-header,.home-news,.home-contact) h2 {
    font-size:36px !important;
    line-height:44px !important;
  }
}
@media (max-width:820px) {
  html[data-stella-design="b"] main :is(.home-statement,.home-products-header,.home-news,.home-contact) h2 {
    font-size:32px !important;
    line-height:40px !important;
  }
}
/* Only the two homepage mid-page product titles: exact two lines at normal zoom. */
html[data-stella-design="b"] main .home-product:is(.motteke,.physical) .home-product-copy h3[data-stella-home-product-lines] {
  font-size:40px !important;
  line-height:48px !important;
}
html[data-stella-design="b"] main .home-product:is(.motteke,.physical) .home-product-copy h3[data-stella-home-product-lines] .stella-home-product-fixed-line {
  display:block;
  white-space:nowrap;
}
@media (max-width:1279px) {
  html[data-stella-design="b"] main .home-product:is(.motteke,.physical) .home-product-copy h3[data-stella-home-product-lines] {
    font-size:32px !important;
    line-height:40px !important;
  }
}
@media (max-width:319px) {
  html[data-stella-design="b"] main .home-product:is(.motteke,.physical) .home-product-copy h3[data-stella-home-product-lines] .stella-home-product-fixed-line {
    white-space:normal;
  }
}
/* ABOUT: one underline only on interaction. Preserve arrow and keyboard focus. */
html[data-stella-design="b"] main .home-statement a[href$="/about"] {
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
html[data-stella-design="b"] main .home-statement a[href$="/about"]:is(:hover,:focus-visible) {
  text-decoration:underline !important;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
/* Product/news index links: keep the existing border underline, suppress the second text underline. */
html[data-stella-design="b"] main .home-products a[href$="/products"],
html[data-stella-design="b"] main .home-news a[href$="/news"] {
  text-decoration:none !important;
}
/* The blue photo stays full bleed. Inset only the overlaid 100+ metric, whose right gap was too narrow. */
@media(min-width:1280px) {
 html[data-stella-design="b"] main .home-product.profuka .product-metric {
  right:32px !important;
 }
}


/* HP top / 2026-11-10: mirror motteke's measured copy/photo columns in profuka only.
   At 821..1100 motteke's copy is max(330px, 8/23 of container).
   At 1101..1279 motteke's copy is 31.2%, and >=1280 uses the existing header gutter formula.
   No changes to motteke or the <=820px single-column layout. */
@media (min-width:821px) and (max-width:1100px) {
 html[data-stella-design="b"] main .home-products .home-product.profuka {
  grid-template-columns:max(330px, 34.7826087%) minmax(0,1fr) !important;
 }
}
@media (min-width:1101px) and (max-width:1279px) {
 html[data-stella-design="b"] main .home-products .home-product.profuka {
  grid-template-columns:31.2% minmax(0,1fr) !important;
 }
}
@media (min-width:1280px) {
 html[data-stella-design="b"] main .home-products .home-product.profuka {
  grid-template-columns:max(31.2%,calc(max(32px,(100cqw - 1200px)/2) + 360px)) minmax(0,1fr) !important;
 }
 html[data-stella-design="b"] main .home-products .home-product.profuka .product-phone {
  margin-left:0;
  transform:translateX(-32px);
 }
 /* The mirrored copy column has 328px usable width at >=1280px. At the old 41.6px,
    the eight-character second line could wrap. Use the existing motteke 40/48px scale. */
 html[data-stella-design="b"] main .home-products .home-product.profuka .home-product-copy h3 {
  font-size:40px !important;
  line-height:48px !important;
 }
}
/* In the narrower desktop copy column, preserve natural two-line Japanese headings. */
@media (min-width:821px) and (max-width:1279px) {
 html[data-stella-design="b"] main .home-product.profuka .home-product-copy h3 {
  font-size:32px !important;
  line-height:40px !important;
 }
}
/* Keep the full-bleed scene; align the white-paper/silver-device props to the right. */
@media (min-width:821px) {
 html[data-stella-design="b"] main .home-product.profuka .home-product-visual .product-scene {
  object-position:100% 50%;
 }
}

/* HP改修6: isolated home hover line + profuka overlay navigation contrast. */
html[data-stella-design="b"] main .home-statement a[href$="/about"] {
  text-decoration:none !important;
  border-bottom:1px solid transparent !important;
  box-shadow:none !important;
}
html[data-stella-design="b"] main .home-statement a[href$="/about"] :is(span,small,strong,em),
html[data-stella-design="b"] main .home-statement a[href$="/about"] :is(span,small,strong,em)::after {
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
html[data-stella-design="b"] main .home-statement a[href$="/about"]:is(:hover,:focus-visible) {
  text-decoration:none !important;
  border-bottom-color:currentColor !important;
}
/* Navy text over the white left half of the third hero; other slides retain white overlay text. */
html[data-stella-design="b"]:has(main .hero-slide.slide-profuka.is-active)
 #stella-common-header.is-overlay:not(.is-open) .stella-header-left a {
  color:var(--stella-ink) !important;
}
/* /products only: two exact headline line breaks and a single uninterrupted hover underline. */
html[data-stella-design="b"] main[data-stella-products-page="true"]
 [data-stella-product-lines] .stella-product-fixed-line {display:block;white-space:nowrap;}
html[data-stella-design="b"] main[data-stella-products-page="true"]
 [data-stella-product-lines] {font-size:36px !important;line-height:44px !important;}
@media (min-width:901px) and (max-width:1100px) {
 html[data-stella-design="b"] main[data-stella-products-page="true"]
  [data-stella-product-lines] {font-size:32px !important;line-height:40px !important;}
}
@media (min-width:821px) and (max-width:900px) {
 html[data-stella-design="b"] main[data-stella-products-page="true"]
  [data-stella-product-lines] {font-size:28px !important;line-height:36px !important;}
}
@media (max-width:820px) {
 html[data-stella-design="b"] main[data-stella-products-page="true"]
  [data-stella-product-lines] {font-size:24px !important;line-height:32px !important;}
}
@media (max-width:319px) {
 html[data-stella-design="b"] main[data-stella-products-page="true"]
  [data-stella-product-lines] .stella-product-fixed-line {white-space:normal;}
}
html[data-stella-design="b"] main[data-stella-products-page="true"] a[data-stella-product-detail="true"] {
 text-decoration:none !important;
 border-bottom:1px solid transparent !important;
 box-shadow:none !important;
}
html[data-stella-design="b"] main[data-stella-products-page="true"] a[data-stella-product-detail="true"] :is(span,small,strong,em),
html[data-stella-design="b"] main[data-stella-products-page="true"] a[data-stella-product-detail="true"] :is(span,small,strong,em)::after {
 text-decoration:none !important;
 border-bottom:0 !important;
 box-shadow:none !important;
}
html[data-stella-design="b"] main[data-stella-products-page="true"] a[data-stella-product-detail="true"]:is(:hover,:focus-visible) {
 text-decoration:none !important;
 border-bottom:1px solid var(--stella-ink) !important;
}


/* Preserve the original centered wordmark and balanced left/right menu. */
html[data-stella-design="b"] body :is(.site-header,.mobile-menu,.topbar,.pack-topnav,.stella-tool-nav){display:none;}
#stella-common-header,#stella-mobile-menu{font-family:"Noto Sans JP","Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",-apple-system,system-ui,sans-serif;box-sizing:border-box;}
#stella-common-header{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;width:100%;padding:0 max(32px,calc((100% - 1200px)/2));background:var(--stella-surface);color:var(--stella-ink);border-bottom:1px solid var(--stella-line);}
#stella-common-header.is-overlay{height:88px;background:transparent;color:var(--stella-inverse);border-color:var(--stella-input);}
#stella-common-header a{color:inherit;text-decoration:none;box-sizing:border-box;}
#stella-common-header .stella-header-brand{display:flex;flex-direction:column;align-items:center;justify-self:center;line-height:16px;letter-spacing:.88px;}
#stella-common-header .stella-header-brand span{font-size:20px;line-height:24px;font-weight:800;}
#stella-common-header .stella-header-brand small{font-size:12px;line-height:16px;letter-spacing:.96px;margin-top:4px;}
#stella-common-header .stella-header-nav{display:flex;align-items:center;gap:24px;}
#stella-common-header .stella-header-left{justify-self:start;}
#stella-common-header .stella-header-right{justify-self:end;}
#stella-common-header .stella-header-nav a{display:flex;align-items:center;min-height:48px;font-size:12px;line-height:16px;font-weight:800;letter-spacing:1.44px;}
#stella-common-header .stella-header-nav a:is([aria-current="page"],:hover){text-decoration:underline;text-underline-offset:8px;}
#stella-common-header .stella-header-contact{border:1px solid currentColor;border-radius:999px;padding:0 16px;}
#stella-common-header .stella-menu-button{display:none;}
#stella-mobile-menu[hidden]{display:none;}
#stella-mobile-menu{position:fixed;inset:72px 0 0;z-index:49;overflow:auto;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px;background:var(--stella-ink);color:var(--stella-inverse);}
#stella-mobile-menu a{display:flex;align-items:center;gap:16px;min-height:48px;padding:8px 0;border-bottom:1px solid var(--stella-input);color:inherit;text-decoration:none;font-size:24px;line-height:32px;font-weight:800;}
#stella-mobile-menu a span{font-size:12px;line-height:16px;color:var(--stella-inverse-sub);}
#stella-mobile-menu p{font-size:16px;line-height:24px;margin:24px 0 0;color:var(--stella-inverse-sub);}
#stella-common-header.is-open{height:72px;background:var(--stella-ink);color:var(--stella-inverse);}
html[data-stella-design="b"] #stella-common-header.is-open :focus-visible,html[data-stella-design="b"] #stella-mobile-menu :focus-visible{outline-color:var(--stella-inverse)!important;}
html[data-stella-layout="standalone"] body{padding-top:72px;}
html[data-stella-layout="proxy"] :is(.inner-page,.product-detail){padding-top:72px;}
html[data-stella-design="b"] :is([id],:target){scroll-margin-top:96px;}
html[data-stella-design="b"] .stella-policy-toc{padding:24px;margin:24px 0 32px;border-block:1px solid var(--stella-line);background:var(--stella-soft);}
html[data-stella-design="b"] .stella-policy-toc p{margin:0 0 16px;font-size:16px;line-height:24px;}
html[data-stella-design="b"] .stella-policy-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
html[data-stella-design="b"] .stella-policy-toc ol ol{margin:8px 0 0 16px;}
html[data-stella-design="b"] .stella-policy-toc :is(li,a){font-size:16px;line-height:24px;}
html[data-stella-design="b"] .stella-tool-information{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:32px;}
html[data-stella-design="b"] .stella-secondary-navigation{font-size:16px;line-height:24px;margin:16px 0 0;}
html[data-stella-design="b"] .stella-news-related{display:block;margin-top:16px;font-size:16px;line-height:24px;}
html[data-stella-design="b"] .introduction-card{width:min(100%,calc(720px * var(--video-aspect) + 48px));max-width:none;margin-inline:auto;box-sizing:border-box;}
html[data-stella-design="b"] .introduction-video{display:block;width:100%;max-width:none;height:auto;aspect-ratio:var(--video-aspect);margin:0;}
html[data-stella-design="b"] .stella-video-surface{position:relative;}
html[data-stella-design="b"] .stella-video-start{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--stella-soft);color:var(--stella-inverse);cursor:pointer;}
html[data-stella-design="b"] .stella-video-start[hidden]{display:none;}
html[data-stella-design="b"] .stella-video-start img{display:block;width:100%;height:100%;object-fit:contain;}
html[data-stella-design="b"] .stella-video-start span{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;min-height:48px;width:max-content;max-width:calc(100% - 32px);padding:8px 16px;box-sizing:border-box;background:var(--stella-ink);color:var(--stella-inverse);font-size:16px;line-height:24px;border-radius:8px;}
html[data-stella-design="b"] .stella-video-start:focus-visible{outline-offset:-4px;}
html[data-stella-design="b"] .stella-video-error{font-size:16px;line-height:24px;margin:16px 0 0;}
@media(max-width:1100px){#stella-common-header .stella-header-nav{gap:16px;}}
@media(max-width:820px){
 #stella-common-header{grid-template-columns:1fr 48px;padding-inline:24px;}
 #stella-common-header .stella-header-brand{grid-column:1;justify-self:start;align-items:flex-start;}
 #stella-common-header .stella-header-brand span{font-size:16px;line-height:24px;}
 #stella-common-header .stella-header-brand small,#stella-common-header .stella-header-nav{display:none;}
 #stella-common-header .stella-menu-button{display:grid;grid-column:2;place-content:center;gap:7px;box-sizing:border-box;width:48px;height:48px;background:transparent;color:inherit;border:0;padding:0;}
 #stella-common-header .stella-menu-button span{display:block;width:24px;height:1px;background:currentColor;}
 #stella-common-header.is-open .stella-menu-button span:first-child{transform:translateY(4px) rotate(45deg);}
 #stella-common-header.is-open .stella-menu-button span:last-child{transform:translateY(-4px) rotate(-45deg);}
 html[data-stella-design="b"] .stella-policy-toc{padding:16px;margin-block:16px 32px;}
 html[data-stella-design="b"] .introduction-card{width:min(100%,calc(720px * var(--video-aspect) + 32px));}
}