/* HP-CHG-0001 - Website V2 components */
.tnv2-section{padding:clamp(76px,9vw,124px) 0;position:relative;overflow:hidden}.tnv2-templates{background:#f4efe6}.tnv2-products{background:#101010;color:#fff}.tnv2-heading{max-width:820px;margin-bottom:42px}.tnv2-heading h2{margin:10px 0 18px;font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:clamp(2rem,7.8vw,4.7rem);line-height:1.13;letter-spacing:-.02em}.tnv2-heading p:last-child{color:#686158;max-width:720px}.tnv2-heading--light p:last-child{color:#bbb3a7}.tnv2-eyebrow{margin:0;color:#ad8b50;font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.tnv2-plan-tabs{display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;border:1px solid #d6cbb9;margin-bottom:26px;background:#fff}.tnv2-plan-tabs span{padding:13px 10px;text-align:center;font-size:.78rem;font-weight:900;border-right:1px solid #d6cbb9}.tnv2-plan-tabs span:last-child{border-right:0}.tnv2-plan-tabs .is-active{background:#171717;color:#fff}.tnv2-plan-tabs small{display:inline-grid;place-items:center;margin-left:4px;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font-size:.6rem}.tnv2-template-grid{display:grid;gap:18px}.tnv2-template-card{background:#fff;border:1px solid #dbd1c1;min-width:0}.tnv2-template-card--available{box-shadow:0 24px 65px rgba(70,54,28,.09)}.tnv2-template-preview{min-height:270px;padding:30px;background:radial-gradient(circle at 78% 20%,rgba(173,139,80,.23),transparent 27%),linear-gradient(145deg,#faf7f0,#e9e1d3);display:flex;align-items:center;gap:22px;position:relative;overflow:hidden}.tnv2-template-preview:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(70,57,38,.15);border-radius:50%;right:-70px;bottom:-100px}.tnv2-ink-mark{flex:0 0 78px;height:96px;background:#171717;color:#efe5cf;display:grid;place-items:center;font-family:"Yu Mincho",serif;font-size:3rem;box-shadow:10px 12px 0 #ad8b50}.tnv2-template-preview small{display:block;color:#8a6e3c;font-weight:900;letter-spacing:.14em;margin-bottom:10px}.tnv2-template-preview strong{font-family:"Yu Mincho",serif;font-size:clamp(1.55rem,6vw,2.7rem);font-weight:500;line-height:1.4}.tnv2-template-body{padding:26px}.tnv2-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#816a43}.tnv2-card-meta b{padding:5px 9px;background:#efe6d6;color:#6b542f}.tnv2-template-body h3{margin:16px 0 9px;font-size:1.35rem}.tnv2-template-body p{color:#6f685e}.tnv2-template-body ul{padding-left:1.2rem;color:#625b52}.tnv2-card-actions{display:grid;gap:10px;margin-top:22px}.tnv2-button{min-height:50px;padding:12px 17px;border:1px solid #1b1b1b;display:flex;align-items:center;justify-content:space-between;font-weight:900}.tnv2-button--primary{background:#171717;color:#fff}.tnv2-template-card--soon{display:flex;flex-direction:column;min-height:250px}.tnv2-soon-mark{min-height:100px;background:#d9d1c5;color:#777066;display:grid;place-items:center;font-family:Georgia,serif;letter-spacing:.14em}.tnv2-section-cta{margin-top:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.tnv2-section-cta a{display:inline-flex;align-items:center;gap:14px;font-weight:900;border-bottom:1px solid #ad8b50;padding-bottom:7px}.tnv2-section-cta p{margin:0;color:#71695f;font-size:.86rem}.tnv2-product-grid{display:grid;gap:14px}.tnv2-product-card{border:1px solid #38342e;background:#191919;padding:25px;min-height:225px;display:flex;flex-direction:column;transition:.25s}.tnv2-product-card:hover{border-color:#ad8b50;transform:translateY(-4px)}.tnv2-product-card h3{margin:22px 0 9px;font-family:Georgia,serif;font-size:1.35rem}.tnv2-product-card p{color:#bdb6ab;margin:0 0 20px}.tnv2-product-card b{margin-top:auto;color:#8e887f;font-size:.72rem;letter-spacing:.12em}.tnv2-product-card.is-released b{color:#dbc59a}.tnv2-product-code{color:#ad8b50;font-size:.64rem;font-weight:900;letter-spacing:.18em}.tnv2-section-cta--dark a{color:#fff}.tnv2-mobile-break{display:block}
@media(min-width:720px){.tnv2-template-grid{grid-template-columns:repeat(2,1fr)}.tnv2-template-card--available{grid-row:span 2}.tnv2-product-grid{grid-template-columns:repeat(2,1fr)}.tnv2-card-actions{grid-template-columns:1fr 1fr}.tnv2-mobile-break{display:none}}
@media(min-width:1060px){.tnv2-template-grid{grid-template-columns:1.45fr .775fr .775fr}.tnv2-template-card--available{grid-row:auto}.tnv2-product-grid{grid-template-columns:repeat(4,1fr)}.tnv2-template-card--soon{min-height:100%}.tnv2-section-cta{flex-direction:row;align-items:center;justify-content:space-between}}
@media(max-width:359px){.tnv2-heading h2{font-size:1.82rem}.tnv2-template-preview{padding:22px;gap:17px}.tnv2-ink-mark{flex-basis:58px;height:75px;font-size:2.2rem;box-shadow:7px 8px 0 #ad8b50}.tnv2-template-preview strong{font-size:1.35rem}.tnv2-plan-tabs span{font-size:.67rem;padding-inline:4px}.tnv2-plan-tabs small{display:none}}
@media(prefers-reduced-motion:reduce){.tnv2-product-card{transition:none}.tnv2-product-card:hover{transform:none}}

.tnv2-pending{opacity:0;transform:translateY(18px)}.tnv2-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}

/* HP-CHG-0002: production image integrity hotfix */
img,
picture,
svg {
  max-width: 100%;
}

img {
  height: auto;
}

.brand-logo,
.footer-brand-logo,
.hero-brand-logo {
  display: block;
  object-fit: contain;
  object-position: center;
  flex: 0 0 auto;
}

.brand-logo {
  max-width: 94px;
}

.footer-brand-logo {
  max-width: 132px;
}

.hero-brand-logo {
  max-width: min(230px, 55vw);
}

@media (max-width: 719px) {
  .brand-logo {
    width: 82px;
    height: auto;
  }

  .footer-brand-logo {
    width: 116px;
    height: auto;
  }
}


/* HP-CHG-0003: component-first sales navigation */
.tnhero__actions{align-items:stretch}
.tnhero__button--tertiary{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.42);
}
.tnhero__button--tertiary:hover{
  background:#fff;
  color:#171717;
}
.tnv2-feature-list{
  margin:16px 0 0;
  padding-left:1.2rem;
  color:#625b52;
}
.tnv2-feature-list li+li{margin-top:4px}
.tnv2-disabled-action{
  min-height:50px;
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed #b5aa98;
  color:#8a8277;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
}
.tnv2-product-category{
  display:inline-flex;
  align-self:flex-start;
  padding:4px 9px;
  margin-bottom:16px;
  background:rgba(173,139,80,.16);
  color:#dbc59a;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.12em;
}
.tnv2-product-link{
  display:inline-flex;
  align-items:center;
  margin-top:18px;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  border-bottom:1px solid #ad8b50;
  padding-bottom:5px;
}
.tnv2-product-card b{margin-top:auto}
@media(max-width:719px){
  .tnhero__actions{display:grid;grid-template-columns:1fr}
  .tnhero__button{width:100%}
}


/* HP-CHG-0004: after-launch support section */
.tnsupport{
  background:
    radial-gradient(circle at 12% 15%,rgba(173,139,80,.11),transparent 25%),
    linear-gradient(180deg,#f5f0e8 0%,#ece5d9 100%);
  color:#1c1b18;
}
.tnsupport__inner{padding-top:clamp(72px,10vw,130px);padding-bottom:clamp(76px,10vw,132px)}
.tnsupport__header{max-width:760px}
.tnsupport__eyebrow,.tnsupport__panel-kicker,.tnsupport__closing-kicker{
  margin:0 0 12px;
  color:#8c6f3d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.tnsupport__header h2{
  margin:0;
  font-family:Georgia,"Yu Mincho",serif;
  font-size:clamp(2.05rem,5vw,4.5rem);
  font-weight:500;
  line-height:1.16;
}
.tnsupport__header>p:last-child{max-width:670px;margin:24px 0 0;color:#655e54}
.tnsupport__mobile-break{display:none}
.tnsupport__journey{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:18px;
  margin:48px 0 28px;
}
.tnsupport__journey>div{
  min-height:112px;
  padding:22px;
  border:1px solid #d2c5b3;
  background:rgba(255,255,255,.68);
}
.tnsupport__journey span{display:block;color:#a48349;font-family:Georgia,serif;font-size:.8rem}
.tnsupport__journey strong{display:block;margin:8px 0 3px;font-size:1.02rem}
.tnsupport__journey small{color:#71695e}
.tnsupport__journey>i{color:#a48349;font-style:normal;font-size:1.4rem}
.tnsupport__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tnsupport__panel{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(26px,4vw,44px);
  border:1px solid #d2c5b3;
  background:#fff;
  box-shadow:0 22px 55px rgba(70,56,33,.07);
}
.tnsupport__panel--social{background:#171717;color:#fff;border-color:#3e3932}
.tnsupport__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.tnsupport__panel h3{margin:0;font-size:clamp(1.4rem,2.5vw,2rem)}
.tnsupport__panel-label{
  flex:0 0 auto;
  padding:7px 10px;
  background:#ad8b50;
  color:#fff;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.08em;
}
.tnsupport__panel-lead{margin:18px 0 24px;color:#665f55}
.tnsupport__panel--social .tnsupport__panel-lead{color:#c9c2b8}
.tnsupport__plans{border-top:1px solid #ded4c5}
.tnsupport__plan{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid #ded4c5;
}
.tnsupport__plan>div{min-width:0}
.tnsupport__plan strong{display:block;font-size:1rem}
.tnsupport__plan span{display:block;margin-top:3px;color:#746c61;font-size:.78rem}
.tnsupport__plan b{flex:0 0 auto;color:#8d6d36;font-family:Georgia,serif;font-size:1.18rem}
.tnsupport__plan b small{font-family:inherit;font-size:.68rem;color:#7b7368}
.tnsupport__plan--recommended{position:relative;padding-left:14px;background:#faf6ef}
.tnsupport__plan--recommended:before{
  content:"";
  position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#ad8b50;
}
.tnsupport__social-plans{display:grid;gap:10px}
.tnsupport__social-plan{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:14px;
  padding:15px;
  border:1px solid #403a32;
  background:#202020;
}
.tnsupport__social-plan>span{
  width:46px;height:46px;display:grid;place-items:center;
  border:1px solid #ad8b50;color:#dbc59a;font-family:Georgia,serif;font-size:1.15rem;
}
.tnsupport__social-plan strong{display:block}
.tnsupport__social-plan small{display:block;margin-top:3px;color:#aaa39a}
.tnsupport__social-plan--recommended{border-color:#ad8b50;background:#272217}
.tnsupport__media{margin-top:24px}
.tnsupport__media p{margin:0 0 10px;color:#dbc59a;font-weight:900}
.tnsupport__media ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tnsupport__media li{
  padding:7px 10px;border:1px solid #3e3932;color:#cbc4ba;font-size:.72rem;
}
.tnsupport__note{margin:20px 0 0;color:#766e63;font-size:.75rem}
.tnsupport__panel--social .tnsupport__note{color:#9e978e}
.tnsupport__cta{
  display:flex;align-items:center;justify-content:space-between;
  min-height:52px;margin-top:auto;padding:14px 16px;
  border:1px solid #ad8b50;color:#7d6031;font-weight:900;
}
.tnsupport__panel--social .tnsupport__cta{color:#fff}
.tnsupport__cta:hover{background:#ad8b50;color:#fff}
.tnsupport__closing{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;
  margin-top:26px;padding:32px 34px;background:#fff;border:1px solid #d2c5b3;
}
.tnsupport__closing h3{margin:0 0 8px;font-size:clamp(1.25rem,2.4vw,1.9rem)}
.tnsupport__closing p:not(.tnsupport__closing-kicker){margin:0;color:#6b6359}
.tnsupport__closing>a{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;
  background:#171717;color:#fff;font-weight:900;white-space:nowrap;
}
.tnsupport__closing>a:hover{background:#ad8b50}
@media(max-width:900px){
  .tnsupport__grid{grid-template-columns:1fr}
  .tnsupport__journey{grid-template-columns:1fr}
  .tnsupport__journey>i{display:none}
  .tnsupport__closing{grid-template-columns:1fr}
  .tnsupport__closing>a{justify-self:start}
}
@media(max-width:560px){
  .tnsupport__mobile-break{display:block}
  .tnsupport__header h2{font-size:clamp(1.9rem,10vw,2.8rem)}
  .tnsupport__panel{padding:24px 18px}
  .tnsupport__panel-head{display:block}
  .tnsupport__panel-label{display:inline-flex;margin-top:14px}
  .tnsupport__plan{align-items:flex-start}
  .tnsupport__plan b{font-size:1.02rem;text-align:right}
  .tnsupport__closing{padding:26px 20px}
  .tnsupport__closing>a{width:100%}
}
@media(max-width:360px){
  .tnsupport__header h2{font-size:1.85rem}
  .tnsupport__journey>div{padding:18px}
  .tnsupport__plan{gap:10px}
  .tnsupport__plan span{font-size:.72rem}
  .tnsupport__plan b{font-size:.94rem}
}

/* HP-CHG-0006: managed FAQ and pricing correction */
.tnsupport__plan--recommended,.tnsupport__social-plan--recommended{background:inherit;border-color:inherit}
.tnsupport__plan--recommended{padding-left:0}.tnsupport__plan--recommended:before{display:none}
.tnfaq__list{display:grid;gap:10px;margin-top:40px}
.tnfaq__item{border:1px solid #d5c9b7;background:#fff}
.tnfaq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:17px 20px;cursor:pointer;list-style:none}
.tnfaq__item summary::-webkit-details-marker{display:none}.tnfaq__item summary h3{margin:0;font-size:.98rem;line-height:1.55}
.tnfaq__item summary span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #b69a68;color:#8b6b35;font-size:1.15rem}
.tnfaq__answer{padding:0 20px 20px;color:#635c52}.tnfaq__answer p{margin:0;line-height:1.9}
.tnfaq__more{display:flex;justify-content:flex-end;margin-top:24px}
.tnfaq__more a{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border:1px solid #171717;color:#171717;font-size:.78rem;font-weight:900;letter-spacing:.12em}
.tnfaq__more a:hover{background:#171717;color:#fff}
.tnfaq-page{margin:0;background:#f4efe7;color:#1b1a17;font-family:"Noto Sans JP","Yu Gothic",sans-serif}
.tnfaq-page__header{background:#171717;color:#fff}.tnfaq-page__header .container{display:flex;align-items:center;justify-content:space-between;min-height:68px}
.tnfaq-page__brand,.tnfaq-page__contact{color:#fff;text-decoration:none;font-weight:900}.tnfaq-page__contact{padding:9px 12px;border:1px solid #a9884e;font-size:.78rem}
.tnfaq-page__hero{background:#171717;color:#fff}.tnfaq-page__hero .container{padding-top:70px;padding-bottom:78px}
.tnfaq-page__hero p{margin:0 0 12px;color:#d8bd8b;font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.tnfaq-page__hero h1{margin:0;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:500}
.tnfaq-page__hero span{display:block;max-width:620px;margin-top:18px;color:#cbc4ba}.tnfaq-page__content{padding-top:60px;padding-bottom:90px}
.tnfaq__category+.tnfaq__category{margin-top:52px}.tnfaq__category>h2{margin:0 0 18px;font-size:1.35rem}
.tnfaq-page__support{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:62px;padding:34px;background:#171717;color:#fff}
.tnfaq-page__support p{margin:0 0 10px;color:#d8bd8b;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.tnfaq-page__support h2{margin:0 0 10px;font-size:clamp(1.25rem,3vw,2rem)}.tnfaq-page__support span{color:#aaa39a}
.tnfaq-page__support>a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;background:#ad8b50;color:#fff;text-decoration:none;font-weight:900;white-space:nowrap}
.tnfaq-page__back{display:inline-block;margin-top:34px;color:#171717;font-weight:900;text-decoration:none}
@media(max-width:640px){.tnfaq__item summary{padding:16px}.tnfaq__item summary h3{font-size:.92rem}.tnfaq__answer{padding:0 16px 18px;font-size:.9rem}.tnfaq__more a{width:100%;justify-content:center}.tnfaq-page__support{grid-template-columns:1fr;padding:26px 20px}.tnfaq-page__support>a{width:100%}}


/* HP-CHG-0006: FAQ readability and fallback rendering */
.tnfaq-page__content--narrow{
  width:min(100% - 32px, 920px);
  margin-inline:auto;
}
.tnfaq-page__content--narrow > [data-faq-source]{
  width:100%;
}
.tnfaq-page__content--narrow .tnfaq__category{
  max-width:820px;
  margin-inline:auto;
}
.tnfaq-page__content--narrow .tnfaq__item{
  border-radius:2px;
}
.tnfaq-page__content--narrow .tnfaq__item summary{
  padding:18px 22px;
}
.tnfaq-page__content--narrow .tnfaq__answer{
  padding:0 22px 22px;
}
.tnfaq-page__content--narrow .tnfaq__answer p{
  max-width:68ch;
}
.tnfaq-page__support{
  max-width:820px;
  margin-inline:auto;
}
.tnfaq-page__back{
  display:block;
  width:max-content;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:640px){
  .tnfaq-page__content--narrow{
    width:min(100% - 24px, 920px);
    padding-top:38px;
    padding-bottom:64px;
  }
  .tnfaq-page__content--narrow .tnfaq__category + .tnfaq__category{
    margin-top:38px;
  }
  .tnfaq-page__content--narrow .tnfaq__item summary{
    padding:15px 14px;
    gap:12px;
  }
  .tnfaq-page__content--narrow .tnfaq__item summary h3{
    font-size:.9rem;
    line-height:1.65;
  }
  .tnfaq-page__content--narrow .tnfaq__answer{
    padding:0 14px 16px;
  }
  .tnfaq-page__content--narrow .tnfaq__answer p{
    font-size:.88rem;
    line-height:1.85;
  }
}
@media(min-width:641px) and (max-width:1024px){
  .tnfaq-page__content--narrow{
    width:min(100% - 64px, 920px);
  }
}


/* HP-CHG-0007: FAQ frame alignment and mobile CTA overflow fix */
.tnfaq-page__hero{
  padding:clamp(24px,4vw,54px) 0;
}
.tnfaq-page__hero .tnfaq-page__frame--hero{
  width:min(100% - 32px, 920px);
  margin-inline:auto;
  padding:clamp(34px,6vw,68px);
  border:1px solid rgba(216,189,139,.34);
  background:
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),
    #171717;
}
.tnfaq-page__content--narrow{
  width:min(100% - 32px, 920px);
  margin-inline:auto;
  padding-top:clamp(28px,5vw,54px);
  padding-bottom:clamp(64px,8vw,94px);
}
.tnfaq-page__frame{
  width:100%;
  box-sizing:border-box;
}
.tnfaq-page__frame--body{
  padding:clamp(20px,4vw,34px);
  border:1px solid #d5c9b7;
  background:rgba(255,255,255,.58);
}
.tnfaq-page__frame--body .tnfaq__category{
  max-width:none;
  margin-inline:0;
}
.tnfaq-page__frame--support{
  max-width:none;
  margin:24px 0 0;
  padding:clamp(24px,4vw,34px);
}
.tnfaq-page__support-button{
  min-width:0;
  max-width:100%;
  width:auto;
  box-sizing:border-box;
  gap:10px;
  overflow-wrap:anywhere;
}
.tnfaq-page__support-button-label{
  min-width:0;
}
.tnfaq-page__back{
  margin-top:26px;
  margin-left:0;
  margin-right:0;
}

@media(max-width:640px){
  .tnfaq-page__hero{
    padding:14px 0 0;
  }
  .tnfaq-page__hero .tnfaq-page__frame--hero{
    width:calc(100% - 24px);
    padding:28px 18px 30px;
  }
  .tnfaq-page__hero h1{
    font-size:clamp(2.15rem,12vw,3.25rem);
    line-height:1.1;
  }
  .tnfaq-page__hero span{
    font-size:.88rem;
    line-height:1.85;
  }
  .tnfaq-page__content--narrow{
    width:calc(100% - 24px);
    padding-top:16px;
  }
  .tnfaq-page__frame--body{
    padding:16px 12px;
  }
  .tnfaq-page__frame--support{
    padding:24px 16px;
  }
  .tnfaq-page__support-button{
    width:100%;
    min-height:50px;
    padding:12px 14px;
    white-space:normal;
    text-align:center;
    line-height:1.4;
  }
  .tnfaq-page__support-button-label{
    flex:1 1 auto;
    min-width:0;
  }
}

@media(min-width:641px) and (max-width:1024px){
  .tnfaq-page__hero .tnfaq-page__frame--hero,
  .tnfaq-page__content--narrow{
    width:min(100% - 64px, 920px);
  }
}


/* HP-CHG-0008: integrate FAQ navigation into the title frame */
.tnfaq-page__header{
  display:none;
}
.tnfaq-page__hero .tnfaq-page__frame--hero{
  display:block;
}
.tnfaq-page__hero-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:clamp(34px,5vw,58px);
  padding-bottom:18px;
  border-bottom:1px solid rgba(216,189,139,.28);
}
.tnfaq-page__hero-brand,
.tnfaq-page__hero-contact{
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
.tnfaq-page__hero-brand{
  font-size:clamp(.95rem,2vw,1.15rem);
  letter-spacing:.03em;
}
.tnfaq-page__hero-contact{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid #a9884e;
  font-size:.78rem;
  white-space:nowrap;
}
.tnfaq-page__hero-contact:hover{
  background:#a9884e;
}
@media(max-width:640px){
  .tnfaq-page__hero-nav{
    gap:12px;
    margin-bottom:30px;
    padding-bottom:14px;
  }
  .tnfaq-page__hero-brand{
    min-width:0;
    font-size:.92rem;
  }
  .tnfaq-page__hero-contact{
    flex:0 0 auto;
    min-height:40px;
    padding:8px 11px;
    font-size:.72rem;
  }
}
@media(max-width:360px){
  .tnfaq-page__hero-nav{
    align-items:flex-start;
  }
  .tnfaq-page__hero-brand{
    font-size:.86rem;
  }
  .tnfaq-page__hero-contact{
    padding:7px 9px;
    font-size:.68rem;
  }
}


/* HP-CHG-0009: FAQ final card unification */
.tnfaq-page{
  background:#f4efe7;
}
.tnfaq-page__hero{
  background:#f4efe7;
  color:#1b1a17;
  padding:clamp(18px,4vw,42px) 0 0;
}
.tnfaq-page__hero .tnfaq-page__frame--hero,
.tnfaq-page__frame--body,
.tnfaq-page__frame--support{
  border:1px solid #d5c9b7;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 42px rgba(64,49,27,.08);
}
.tnfaq-page__hero .tnfaq-page__frame--hero{
  color:#1b1a17;
  padding:clamp(30px,5vw,56px);
}
.tnfaq-page__hero p{
  color:#8b6b35;
}
.tnfaq-page__hero h1{
  color:#1b1a17;
}
.tnfaq-page__hero span{
  color:#6c6458;
}
.tnfaq-page__hero-nav{
  border-bottom:1px solid #e4dbce;
}
.tnfaq-page__hero-brand,
.tnfaq-page__hero-contact{
  color:#1b1a17;
}
.tnfaq-page__hero-contact{
  border-color:#a9884e;
  color:#7d6031;
}
.tnfaq-page__hero-contact:hover{
  background:#a9884e;
  color:#fff;
}
.tnfaq-page__content--narrow{
  padding-top:clamp(24px,4vw,40px);
}
.tnfaq-page__frame--body{
  padding:clamp(20px,4vw,34px);
}
.tnfaq-page__frame--support{
  margin-top:clamp(24px,4vw,34px);
  color:#1b1a17;
}
.tnfaq-page__support{
  background:#fff;
}
.tnfaq-page__support p{
  color:#8b6b35;
}
.tnfaq-page__support span{
  color:#6c6458;
}
.tnfaq-page__support-button{
  background:#171717;
  color:#fff;
}
.tnfaq-page__support-button:hover{
  background:#a9884e;
}
.tnfaq__category + .tnfaq__category{
  margin-top:clamp(36px,5vw,52px);
}
.tnfaq__category > h2{
  padding-bottom:12px;
  border-bottom:1px solid #ded4c5;
}
.tnfaq__item{
  overflow:hidden;
  border-radius:8px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tnfaq__item:hover{
  border-color:#bca77f;
  box-shadow:0 8px 24px rgba(72,55,29,.06);
}
.tnfaq__item[open]{
  border-color:#b69a68;
  box-shadow:0 10px 28px rgba(72,55,29,.08);
}
.tnfaq__item summary span{
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.tnfaq__item[open] summary span{
  background:#a9884e;
  color:#fff;
}
.tnfaq__answer{
  animation:tnfaq-answer-in .22s ease both;
}
@keyframes tnfaq-answer-in{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .tnfaq__item,
  .tnfaq__item summary span,
  .tnfaq__answer{
    transition:none;
    animation:none;
  }
}
@media(max-width:640px){
  .tnfaq-page__hero{
    padding:12px 0 0;
  }
  .tnfaq-page__hero .tnfaq-page__frame--hero{
    margin-bottom:0;
    padding:24px 16px 26px;
  }
  .tnfaq-page__content--narrow{
    padding-top:22px;
  }
  .tnfaq-page__frame--body{
    padding:14px 10px;
  }
  .tnfaq-page__frame--support{
    margin-top:22px;
    padding:22px 14px;
  }
  .tnfaq-page__hero .tnfaq-page__frame--hero,
  .tnfaq-page__frame--body,
  .tnfaq-page__frame--support{
    border-radius:8px;
    box-shadow:0 10px 28px rgba(64,49,27,.07);
  }
  .tnfaq-page__support-button{
    max-width:100%;
    box-sizing:border-box;
  }
}


/* HP-CHG-0010: demo gallery and works publication policy */
.tndemo-disclosure,
.tndemo-template-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:28px 0;
  padding:20px 22px;
  border:1px solid #d5c9b7;
  background:#fff;
}
.tndemo-disclosure p,
.tndemo-template-note p{
  margin:0;
  color:#6b6359;
  font-size:.82rem;
}
.tndemo-disclosure a,
.tndemo-template-note a{
  flex:0 0 auto;
  color:#7d6031;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}

.tndemo-page{
  margin:0;
  background:#f4efe7;
  color:#1b1a17;
  font-family:"Noto Sans JP","Yu Gothic",sans-serif;
}
.tndemo-page__hero{
  padding:clamp(18px,4vw,42px) 0 0;
}
.tndemo-page__frame{
  width:min(100% - 32px, 1040px);
  margin-inline:auto;
  padding:clamp(30px,5vw,58px);
  border:1px solid #d5c9b7;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 42px rgba(64,49,27,.08);
}
.tndemo-page__nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:clamp(34px,5vw,58px);
  padding-bottom:18px;
  border-bottom:1px solid #e4dbce;
}
.tndemo-page__nav a{
  color:#1b1a17;
  text-decoration:none;
  font-weight:900;
}
.tndemo-page__nav a:last-child{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid #a9884e;
  color:#7d6031;
  font-size:.78rem;
}
.tndemo-page__eyebrow,
.tndemo-page__section-head p,
.tndemo-page__cta p{
  margin:0 0 12px;
  color:#8b6b35;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.tndemo-page h1{
  margin:0;
  font-family:Georgia,"Yu Mincho",serif;
  font-size:clamp(2.4rem,7vw,5.2rem);
  font-weight:500;
  line-height:1.05;
}
.tndemo-page__lead{
  max-width:680px;
  margin:20px 0 0;
  color:#625b52;
  line-height:1.9;
}
.tndemo-page__notice{
  display:inline-block;
  margin:24px 0 0;
  padding:10px 12px;
  background:#f6f1e9;
  color:#746b60;
  font-size:.78rem;
}
.tndemo-page__content{
  width:min(100% - 32px, 1040px);
  padding-top:clamp(32px,5vw,64px);
  padding-bottom:clamp(70px,9vw,110px);
}
.tndemo-page__section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
.tndemo-page__section-head h2{
  margin:0;
  font-size:clamp(1.6rem,3vw,2.4rem);
}
.tndemo-page__section-head>span{
  color:#7b7368;
  font-size:.82rem;
}
.tndemo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.tndemo-card{
  overflow:hidden;
  border:1px solid #d5c9b7;
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 34px rgba(64,49,27,.06);
}
.tndemo-card__preview{
  min-height:220px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:28px;
  background:
    radial-gradient(circle at 75% 22%,rgba(168,137,78,.16),transparent 28%),
    linear-gradient(135deg,#f6f0e6,#ebe2d3);
}
.tndemo-card__preview>span{
  font-family:"Yu Mincho",serif;
  font-size:5rem;
  color:#1f1d19;
}
.tndemo-card__preview small{
  display:block;
  color:#8b6b35;
  font-weight:900;
  letter-spacing:.08em;
}
.tndemo-card__preview strong{
  display:block;
  margin-top:8px;
  font-family:"Yu Mincho",serif;
  font-size:1.35rem;
  line-height:1.45;
}
.tndemo-card__body{
  display:flex;
  flex-direction:column;
  min-height:360px;
  padding:24px;
}
.tndemo-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.tndemo-card__meta span,
.tndemo-card__meta b{
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.08em;
}
.tndemo-card__meta b{
  color:#8b6b35;
}
.tndemo-card h3{
  margin:0;
  font-size:1.25rem;
}
.tndemo-card p{
  margin:14px 0 0;
  color:#675f55;
  line-height:1.8;
}
.tndemo-card ul{
  margin:18px 0 0;
  padding-left:1.2rem;
  color:#675f55;
}
.tndemo-card__actions{
  display:grid;
  gap:10px;
  margin-top:auto;
  padding-top:24px;
}
.tndemo-button{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  border:1px solid #171717;
  color:#171717;
  text-decoration:none;
  font-weight:900;
}
.tndemo-button--primary{
  background:#171717;
  color:#fff;
}
.tndemo-card--soon{
  border-style:dashed;
  box-shadow:none;
}
.tndemo-card__soon{
  min-height:220px;
  display:grid;
  place-items:center;
  background:#eee8de;
  color:#8b8174;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.16em;
}
.tndemo-page__cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:28px;
  margin-top:34px;
  padding:clamp(26px,4vw,38px);
  border-radius:10px;
  background:#171717;
  color:#fff;
}
.tndemo-page__cta h2{
  margin:0 0 10px;
  font-size:clamp(1.3rem,3vw,2rem);
}
.tndemo-page__cta span{
  color:#aaa39a;
  line-height:1.8;
}
.tndemo-page__cta>a{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 18px;
  background:#a9884e;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:900px){
  .tndemo-grid{grid-template-columns:1fr 1fr}
  .tndemo-page__cta{grid-template-columns:1fr}
  .tndemo-page__cta>a{justify-self:start}
}
@media(max-width:640px){
  .tndemo-disclosure,
  .tndemo-template-note{
    display:grid;
    gap:14px;
  }
  .tndemo-disclosure a,
  .tndemo-template-note a{
    white-space:normal;
  }
  .tndemo-page__frame,
  .tndemo-page__content{
    width:calc(100% - 24px);
  }
  .tndemo-page__frame{
    padding:24px 16px 28px;
  }
  .tndemo-page__nav{
    gap:12px;
    margin-bottom:30px;
  }
  .tndemo-page__nav a:last-child{
    padding:8px 11px;
    font-size:.72rem;
  }
  .tndemo-page h1{
    font-size:clamp(2.2rem,12vw,3.4rem);
  }
  .tndemo-page__section-head{
    display:block;
  }
  .tndemo-page__section-head>span{
    display:block;
    margin-top:10px;
  }
  .tndemo-grid{
    grid-template-columns:1fr;
  }
  .tndemo-card__body{
    min-height:auto;
  }
  .tndemo-page__cta{
    padding:24px 18px;
  }
  .tndemo-page__cta>a{
    width:100%;
    box-sizing:border-box;
  }
}


/* HP-CHG-0011: mobile-first demo gallery alignment */
.tndemo-template-note--integrated{
  display:block;
  margin:20px 0 28px;
  padding:18px 16px;
  border:1px solid #d5c9b7;
  border-radius:8px;
  background:#fff;
}
.tndemo-template-note--integrated strong{
  display:block;
  margin-bottom:8px;
}
.tndemo-template-note--integrated p{
  margin:0;
  line-height:1.8;
}
.tndemo-template-note--integrated a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:0 0 4px;
  border-bottom:1px solid #a9884e;
  color:#7d6031;
  font-size:.82rem;
  font-weight:900;
  text-decoration:none;
  white-space:normal;
}
.tndemo-template-note--integrated a:hover{
  color:#171717;
  border-color:#171717;
}

.tndemo-page__content{
  width:min(100% - 24px, 1040px);
  margin-inline:auto;
}
.tndemo-page__section-head--centered{
  display:block;
  text-align:center;
  margin-bottom:24px;
}
.tndemo-page__section-head--centered > div{
  max-width:640px;
  margin-inline:auto;
}
.tndemo-page__section-head--centered > span{
  display:inline-block;
  margin-top:10px;
}
.tndemo-grid--centered{
  width:100%;
  margin-inline:auto;
}
.tndemo-card{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.tndemo-card__body{
  min-height:auto;
}
.tndemo-card__actions{
  margin-top:24px;
}
.tndemo-button{
  min-height:50px;
  width:100%;
  box-sizing:border-box;
}
.tndemo-page__cta{
  width:100%;
  box-sizing:border-box;
}
.tndemo-page__cta > a{
  max-width:100%;
  box-sizing:border-box;
}

/* Mobile is the design baseline. */
@media(max-width:640px){
  .tndemo-page__hero{
    padding-top:12px;
  }
  .tndemo-page__frame,
  .tndemo-page__content{
    width:calc(100% - 24px);
  }
  .tndemo-page__frame{
    padding:24px 16px 28px;
  }
  .tndemo-page__section-head--centered{
    margin-bottom:20px;
  }
  .tndemo-page__section-head--centered h2{
    font-size:1.6rem;
    line-height:1.35;
  }
  .tndemo-grid--centered{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .tndemo-card{
    margin-inline:auto;
  }
  .tndemo-card__preview,
  .tndemo-card__soon{
    min-height:180px;
  }
  .tndemo-card__preview{
    padding:22px 18px;
  }
  .tndemo-card__preview > span{
    font-size:4.1rem;
  }
  .tndemo-card__body{
    padding:20px 16px;
  }
  .tndemo-card__actions{
    gap:10px;
  }
  .tndemo-button{
    justify-content:center;
    gap:10px;
    text-align:center;
  }
  .tndemo-page__cta{
    margin-top:22px;
    padding:24px 16px;
  }
  .tndemo-page__cta > a{
    width:100%;
    white-space:normal;
    text-align:center;
  }
}

/* Expand the mobile-first layout at larger widths. */
@media(min-width:641px) and (max-width:900px){
  .tndemo-page__content{
    width:min(100% - 48px, 1040px);
  }
  .tndemo-grid--centered{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tndemo-card:first-child{
    grid-column:1 / -1;
    max-width:680px;
    justify-self:center;
  }
}
@media(min-width:901px){
  .tndemo-page__content{
    width:min(100% - 64px, 1040px);
  }
  .tndemo-page__section-head--centered{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:24px;
  }
  .tndemo-page__section-head--centered > div{
    margin-inline:0;
  }
  .tndemo-page__section-head--centered > span{
    margin-top:0;
  }
  .tndemo-grid--centered{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .tndemo-card__body{
    min-height:360px;
  }
}

/* Keep legacy declarations from pulling only this section left. */
.tndemo-page__content.container,
.tndemo-page__section-head,
.tndemo-grid{
  margin-left:auto;
  margin-right:auto;
}


/* HP-CHG-0012: aligned demo card and public score removal */
.tndemo-template-note--card{
  width:100%;
  box-sizing:border-box;
  display:block;
  margin:0 0 24px;
  padding:22px 20px;
  border:1px solid #d5c9b7;
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 34px rgba(64,49,27,.06);
}
.tndemo-template-note--card strong{
  display:block;
  margin-bottom:8px;
  font-size:1rem;
}
.tndemo-template-note--card p{
  margin:0;
  color:#675f55;
  line-height:1.85;
}
.tndemo-template-note__cta{
  width:100%;
  min-height:50px;
  margin-top:18px;
  padding:0 16px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #171717;
  border-radius:8px;
  background:#171717;
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
.tndemo-template-note__cta:hover{
  background:#a9884e;
  border-color:#a9884e;
  color:#fff;
}
@media(max-width:640px){
  .tndemo-template-note--card{
    margin-bottom:18px;
    padding:18px 14px;
    border-radius:8px;
  }
  .tndemo-template-note__cta{
    min-height:50px;
    padding:0 14px;
    font-size:.88rem;
  }
}


/* HP-CHG-0013: direct demo route, 2x2 mobile features, readable mobile nav */

/* Four value points: 2 x 2 on smartphones, no horizontal scrolling. */
@media(max-width:640px){
  .tn-mobile-feature-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }
  .tn-mobile-feature-card{
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:16px 12px !important;
    box-sizing:border-box;
  }
  .tn-mobile-feature-card h3,
  .tn-mobile-feature-card h4,
  .tn-mobile-feature-card strong{
    font-size:.9rem !important;
    line-height:1.45 !important;
  }
  .tn-mobile-feature-card p{
    margin-top:7px !important;
    font-size:.75rem !important;
    line-height:1.65 !important;
  }
}

/* Mobile navigation */
.tn-mobile-nav-toggle{
  display:none;
}
@media(max-width:768px){
  .tn-mobile-nav-toggle{
    position:relative;
    z-index:1102;
    width:46px;
    height:46px;
    display:grid;
    place-content:center;
    gap:5px;
    margin-left:auto;
    padding:0;
    border:1px solid rgba(255,255,255,.35);
    background:#171717;
    color:#fff;
    cursor:pointer;
  }
  .tn-mobile-nav-toggle span{
    width:21px;
    height:2px;
    display:block;
    background:currentColor;
    transition:transform .2s ease, opacity .2s ease;
  }
  .tn-mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .tn-mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0;
  }
  .tn-mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .tn-mobile-nav{
    position:fixed !important;
    inset:0 0 auto 0;
    z-index:1100;
    max-height:100dvh;
    padding:82px 18px 24px !important;
    background:rgba(17,17,17,.985) !important;
    transform:translateY(-110%);
    opacity:0;
    visibility:hidden;
    transition:transform .24s ease, opacity .2s ease, visibility .2s ease;
    overflow-y:auto;
    box-sizing:border-box;
  }
  .tn-mobile-nav.is-open{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
  }
  .tn-mobile-nav ul{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .tn-mobile-nav li{
    width:100%;
    list-style:none;
  }
  .tn-mobile-nav a{
    width:100%;
    min-height:52px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px !important;
    border:1px solid rgba(255,255,255,.16);
    color:#fff !important;
    text-decoration:none;
    box-sizing:border-box;
    font-size:.95rem;
    font-weight:800;
  }
  .tn-mobile-nav a::after{
    content:"→";
    color:#cdb27c;
  }
  .tn-nav-open{
    overflow:hidden;
  }
}
@media(prefers-reduced-motion:reduce){
  .tn-mobile-nav,
  .tn-mobile-nav-toggle span{
    transition:none;
  }
}


/* HP-CHG-0014: refined mobile navigation and shared black page headers */

/* Shared black page-header treatment for templates, demos, and FAQ. */
.tn-shared-black-hero{
  background:#171717 !important;
  color:#fff !important;
}
.tn-shared-black-hero .tn-shared-black-hero__frame,
.tn-shared-black-hero__frame{
  background:#171717 !important;
  color:#fff !important;
  border-color:rgba(216,189,139,.34) !important;
  box-shadow:none !important;
}
.tn-shared-black-hero p,
.tn-shared-black-hero h1,
.tn-shared-black-hero h2,
.tn-shared-black-hero span{
  color:inherit;
}
.tn-shared-black-hero .tndemo-page__eyebrow,
.tn-shared-black-hero .tnfaq-page__hero p{
  color:#d8bd8b !important;
}
.tn-shared-black-hero .tndemo-page__lead,
.tn-shared-black-hero .tndemo-page__notice,
.tn-shared-black-hero .tnfaq-page__hero span{
  color:#cbc4ba !important;
}
.tn-shared-black-hero .tndemo-page__notice{
  background:rgba(255,255,255,.06) !important;
}
.tn-shared-black-hero__nav{
  border-color:rgba(216,189,139,.28) !important;
}
.tn-shared-black-hero__nav a{
  color:#fff !important;
}
.tn-shared-black-hero__nav a:last-child,
.tn-shared-black-hero .tnfaq-page__hero-contact{
  border-color:#a9884e !important;
  color:#fff !important;
}
.tn-shared-black-hero__nav a:last-child:hover,
.tn-shared-black-hero .tnfaq-page__hero-contact:hover{
  background:#a9884e !important;
}

/* Mobile menu: compact text links, clear spacing, consultation as the only CTA. */
@media(max-width:768px){
  .tn-mobile-nav--refined{
    padding:78px 20px 24px !important;
  }
  .tn-mobile-nav--refined ul{
    gap:0 !important;
  }
  .tn-mobile-nav--refined li{
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .tn-mobile-nav--refined li:last-child{
    border-bottom:0;
  }

  .tn-mobile-nav--refined a,
  .tn-mobile-nav--refined .tn-mobile-nav__link{
    min-height:50px !important;
    padding:11px 4px !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:.86rem !important;
    font-weight:700 !important;
    letter-spacing:.02em !important;
    line-height:1.45 !important;
  }
  .tn-mobile-nav--refined .tn-mobile-nav__link::after{
    content:"";
  }

  .tn-mobile-nav--refined li:has(.tn-mobile-nav__cta){
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.24);
  }
  .tn-mobile-nav--refined .tn-mobile-nav__cta{
    width:100%;
    min-height:50px !important;
    padding:12px 16px !important;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    border:1px solid #a9884e !important;
    background:#a9884e !important;
    color:#fff !important;
    box-sizing:border-box;
    font-size:.88rem !important;
    font-weight:900 !important;
  }
  .tn-mobile-nav--refined .tn-mobile-nav__cta::after{
    content:"→";
    color:#fff;
  }

  /* Avoid duplicate CTA styling inherited from older rules. */
  .tn-mobile-nav--refined a:not(.tn-mobile-nav__cta){
    box-shadow:none !important;
    border-radius:0 !important;
  }
}

@media(max-width:390px){
  .tn-mobile-nav--refined{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .tn-mobile-nav--refined a,
  .tn-mobile-nav--refined .tn-mobile-nav__link{
    font-size:.83rem !important;
  }
}


/* HP-CHG-0015: single mobile nav and public product catalog */

/* Hide the obsolete large mobile navigation introduced in previous changes. */
.tn-mobile-nav-toggle{
  display:none !important;
}

/* Desktop navigation stays desktop-only. */
@media(max-width:900px){
  .desktop-nav{
    display:none !important;
  }
  .menu-button{
    display:block !important;
  }
}

/* Opened mobile menu: compact text links and one consultation CTA. */
@media(max-width:900px){
  .mobile-menu{
    align-items:start;
    place-items:initial;
    overflow-y:auto;
    padding:96px 20px 28px;
    box-sizing:border-box;
  }
  .mobile-menu__nav{
    width:min(100%, 430px);
    margin:0 auto;
    display:flex !important;
    flex-direction:column;
    align-items:stretch !important;
    gap:0 !important;
    font-size:inherit !important;
  }
  .mobile-menu__link{
    min-height:48px;
    display:flex;
    align-items:center;
    padding:10px 4px;
    border-bottom:1px solid rgba(255,255,255,.13);
    color:#fff;
    font-size:.86rem;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1.45;
  }
  .mobile-menu__link:hover{
    color:#dbc59a;
  }
  .mobile-menu__cta{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:20px;
    padding:12px 16px;
    border:1px solid #ad8b50;
    background:#ad8b50;
    color:#fff;
    font-size:.88rem;
    font-weight:900;
  }
  .mobile-menu__cta::after{
    content:"→";
  }
}
@media(max-width:390px){
  .mobile-menu{
    padding-left:16px;
    padding-right:16px;
  }
  .mobile-menu__link{
    font-size:.82rem;
  }
}

/* Public product cards: 1 column mobile, 3 columns desktop. */
#products .tnv2-product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  #products .tnv2-product-grid{
    grid-template-columns:1fr;
  }
}

/* TN-ST-001-v0.2.0: Standard sample + maintenance spacing */
.tnv2-template-preview--salon{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.75),transparent 22%),linear-gradient(145deg,#efe8df,#c8b7a7 58%,#7c6959);color:#2d2925}
.tnv2-template-preview--salon:before{content:"";position:absolute;right:9%;top:18%;width:34%;height:58%;border:1px solid rgba(255,255,255,.65);border-radius:48% 48% 10% 10%;background:rgba(255,255,255,.18)}
.tnv2-salon-mark{position:relative;z-index:1;flex:0 0 78px;height:96px;display:grid;place-items:center;background:#2d2925;color:#efe6dd;font:2.8rem Georgia,serif;box-shadow:10px 12px 0 #a8917b}
.tnv2-template-preview--salon>div{position:relative;z-index:1}.tnv2-template-preview--salon small{color:#715b49}.tnv2-template-card--salon{box-shadow:0 24px 65px rgba(70,54,28,.09)}

.tnsupport__panel--maintenance{align-self:start}
@media(max-width:900px){.tnsupport__panel--maintenance{align-self:stretch}}
/* CHG-0012 — TN-SP-001 GYM DEMO preview */
.tnv2-template-preview--gym{background:radial-gradient(circle at 78% 18%,rgba(199,255,50,.22),transparent 24%),repeating-linear-gradient(90deg,#181b20 0,#181b20 1px,#101216 1px,#101216 42px);color:#fff}
.tnv2-template-preview--gym:before{content:"";position:absolute;right:8%;top:14%;width:32%;height:64%;border:10px solid rgba(199,255,50,.7);border-bottom:0;border-radius:48% 48% 0 0;transform:rotate(-8deg)}
.tnv2-gym-mark{position:relative;z-index:1;flex:0 0 78px;height:96px;display:grid;place-items:center;background:#c7ff32;color:#101216;font:900 1.7rem Arial,sans-serif;box-shadow:10px 12px 0 #2e333b}
.tnv2-template-preview--gym>div{position:relative;z-index:1}.tnv2-template-preview--gym small{color:#c7ff32}.tnv2-template-card--gym{box-shadow:0 24px 65px rgba(26,31,18,.13)}