/* KOTATSU — a familiar seat, in every season. Loaded after the legacy layout. */
:root{--ink:#493d34;--ink-2:#786b60;--ink-3:#9a8c7d;--paper:#fffefa;--canvas:#fffaf2;--line:#e8dfd0;--line-2:#d7c9b6;--blue:#b75e42;--blue-deep:#93472f;--blue-soft:#f9e8de;--coral:#ce8062;--coral-soft:#fcf0e8;--lamp:#e6bc64;--lamp-soft:#fff3d6;--lamp-ink:#886b35;--rounded:"Zen Maru Gothic","Noto Sans JP",sans-serif;--shadow:0 6px 25px #70533709;--app-soft:#f9f3e7}
body,body.app-ready{background:#fffaf2;color:var(--ink)}h1,h2,h3,.is-app .section-head h1,.app-page-head h1,.app-welcome h1{font-family:var(--rounded);color:var(--ink);font-weight:700;letter-spacing:.025em}p{overflow-wrap:break-word}.muted{color:var(--ink-2)}.eyebrow{color:#875c46;letter-spacing:.16em}.app-ready :focus-visible{outline-color:#ae6a48}
.btn{border-radius:999px;letter-spacing:.04em}.btn-primary,.hero-actions .btn-primary,.is-app .site-header .global-nav>a.btn-primary,.app-ready .site-header .global-nav>a.btn-primary,.plans-single .plan-action .btn,.pricing-section .plan-action .btn{background:#b75e42;border-color:#b75e42;color:#fffaf3;box-shadow:0 4px 0 #914832}
.btn-primary:hover,.hero-actions .btn-primary:hover,.is-app .site-header .global-nav>a.btn-primary:hover,.app-ready .site-header .global-nav>a.btn-primary:hover,.plans-single .plan-action .btn:hover,.pricing-section .plan-action .btn:hover{background:#a65137;border-color:#a65137;color:#fffaf3;box-shadow:0 4px 0 #87412b}.btn-ghost,.hero .btn-ghost{background:#fffdfa;border-color:#dac8af;color:#7b634c}.hero .btn-ghost:hover{color:#a55339;border-color:#b98b6c}.sample-label{background:#efe8d8;color:#79664d}
/* A compact wordmark with no enclosing logo card. */
.brand,.footer-home{text-decoration:none}.kotatsu-wordmark,.footer-name.kotatsu-wordmark,.is-app .brand-name.kotatsu-wordmark{font-family:var(--rounded);font-size:25px;line-height:1.1;font-weight:900;letter-spacing:.075em;color:#624d3c;white-space:nowrap}.brand-dot{color:#935c42;letter-spacing:0}.kotatsu-wordmark small{display:block;font-family:var(--sans);font-size:8px;font-weight:400;letter-spacing:.35em;color:#7a6754;margin-top:7px}.brand-icon{width:39px;height:39px;flex-basis:39px}.sidebar-brand{background:none;border:0;box-shadow:none;gap:7px;padding:4px 3px;justify-content:flex-start}.sidebar-brand>img{width:39px;height:39px}.sidebar-brand>.kotatsu-sidebar-wordmark{display:grid;gap:8px;line-height:1}.sidebar-brand .kotatsu-sidebar-wordmark b{font-family:var(--rounded);font-size:24px;letter-spacing:.035em;font-weight:900;color:#624d3c}.kotatsu-sidebar-wordmark small{font-family:var(--sans);font-size:9px;font-weight:400;letter-spacing:.03em;color:#756757}.site-header,.is-app .site-header{background:#fffaf5;border-color:#e8dfd0;box-shadow:none}.menu-toggle{background:#f5ebda;border-color:#e7d8c2}.menu-toggle span{background:#987b5e}
/* Desktop still uses the sidebar alone; mobile keeps its anchored bottom bar. */
.app-bottom-nav a:nth-child(1),.app-sidebar nav a:nth-child(1){--tab-soft:#faece2;--tab-strong:#f2d4c0;--tab-line:#dfb496;--tab-ink:#825138}.app-bottom-nav a:nth-child(2),.app-sidebar nav a:nth-child(2){--tab-soft:#f7f0dc;--tab-strong:#f0dfad;--tab-line:#d9c68d;--tab-ink:#716034}.app-bottom-nav a:nth-child(3),.app-sidebar nav a:nth-child(3){--tab-soft:#edf2e8;--tab-strong:#dce7d3;--tab-line:#b9cda7;--tab-ink:#56684b}.app-bottom-nav a:nth-child(4),.app-sidebar nav a:nth-child(4){--tab-soft:#f2eaf0;--tab-strong:#e9d7e1;--tab-line:#d1b4c5;--tab-ink:#6e5665}.app-sidebar nav a:nth-child(5){--tab-soft:#f4eede;--tab-strong:#e9ddc3;--tab-line:#cfbf9d;--tab-ink:#6c5d45}.app-sidebar nav a:nth-child(6){--tab-soft:#eef1e9;--tab-strong:#dfe6d6;--tab-line:#bccbb1;--tab-ink:#5c6952}
@media(min-width:1100px){.app-ready .app-sidebar{background:#fcf6ea;border-color:#e6ddcc;padding-top:45px}.app-ready .sidebar-note,.app-ready.is-guest .sidebar-note{color:#776755;font-family:var(--rounded);font-size:14px;line-height:2;letter-spacing:.07em;margin:32px 9px 35px;padding:0}.app-ready .app-sidebar nav a{box-shadow:0 2px 0 color-mix(in srgb,var(--tab-line),white 40%)}.app-ready .app-sidebar>.btn{box-shadow:0 4px 0 #914832}.app-ready .sidebar-bottom a,.app-ready .sidebar-bottom button{color:#756754}.app-ready .hero-inner{padding-block:68px 64px;gap:30px}}
@media(max-width:1099px){.app-bottom-nav{background:#fffaf2;border-color:#e8dfd0;box-shadow:0 -4px 20px #78573908}.is-app .brand-name.kotatsu-wordmark{font-size:23px}.is-app .brand-icon{width:35px;height:35px;flex-basis:35px}.global-nav{background:#fffaf2}.global-nav a:not(.btn),.app-ready .site-header .global-nav>a.header-login{color:#7c624a;background:#f5eddf;border-color:#e8dac8}.app-bottom-nav svg{stroke-width:1.7}}
/* The opening scene is a real kotatsu silhouette, with the three living portraits. */
.hero{position:relative;background:#faf1df;border-bottom:1px solid #eadcc3;background-image:linear-gradient(90deg,#fffaf200, #fff9ee88);overflow:hidden}.hero-copy h1,.app-ready .hero-copy h1{font-family:var(--rounded);font-size:clamp(29px,3.25vw,43px);line-height:1.7;letter-spacing:.025em;color:#5b4938;margin-top:0}.hero-copy h1 .hero-highlight:after{background:#efdba8;height:9px;bottom:5px;border-radius:5px}.hero-lines{font-size:12px;color:#776653;line-height:2.05;gap:5px;margin-top:25px}.hero-lines .lead{font-family:var(--sans);font-size:14px;color:#82634b;line-height:1.95;margin-bottom:2px}.hero-actions{margin-top:28px}.hero-actions .btn{font-size:13px;min-width:145px;min-height:49px;padding:12px 21px}.hero-letter-link{color:#92573f;font-size:11px;gap:6px;margin-top:11px}.hero-letter-link small{color:#756545;background:#f4e4b9}
.table-scene{max-width:430px;aspect-ratio:1;margin-bottom:32px;background:none;border:0;border-radius:0;box-shadow:none;transform:none;isolation:isolate}.app-ready .table-scene::after{content:none}.table-scene:before{content:"";position:absolute;inset:27% 5% 8%;border-radius:50%;background:#e9ecd9;z-index:-1;box-shadow:inset 0 0 0 12px #f2efdc}.table-scene .lamp{display:none}.table-scene .tabletop{inset:31% 14% 14%;padding:0;border:0;background:none;border-radius:0;box-shadow:none;display:block;z-index:1;pointer-events:none}.kotatsu-table-art{width:100%;height:100%;object-fit:contain}.table-scene .seat{transform:none;z-index:2}.seat .portrait-turn img{border-color:#fffaf1;box-shadow:0 0 0 2px #e4ccb0,0 5px 0 #e8dcc8}.seat-2 .portrait-turn img{box-shadow:0 0 0 2px #d8b7a6,0 5px 0 #e8dcc8}.seat-3 .portrait-turn img{box-shadow:0 0 0 2px #bdc9a8,0 5px 0 #e8dcc8}.seat .seat-caption{color:#746451;font-size:9px;margin-top:10px}.seat .seat-caption b{font-family:var(--rounded);font-size:14px;color:#72573e}.seat-1{top:1%;left:32%}.seat-2{bottom:-15%;left:-1%}.seat-3{bottom:-15%;right:-1%}
/* The rest of the public story uses paper, stitching, and small gentle colors. */
.section-head .eyebrow{color:#80654c}.section-head h2{font-size:clamp(24px,3vw,31px)}.section-head p{color:#766556}.flow li,.flow li:nth-child(1){background:#fff9ed;border:1px solid #e9d8ba;box-shadow:0 5px 0 #f0e5cf}.flow li:nth-child(2){background:#f1f3e7;border:1px solid #d8dfc6;box-shadow:0 5px 0 #e7ecd9}.flow li:nth-child(3){background:#fcf0e7;border:1px solid #ead4c4;box-shadow:0 5px 0 #f2e1d4}.flow h3{font-size:19px}.flow p{font-size:13px;color:#756757;line-height:2}.flow-num{background:#fffdf7;border-color:#e3d5bd;color:#7a664b}.flow-choices span{border-color:#e4d3be;color:#7c6550}.promise{background:#fffdfa;border-color:#e9decc;border-width:1px}.promise p{color:#756655}.promise h3{font-family:var(--rounded)}.card,.form-card,.omakase-card{background:#fffefa;border-color:#e8decd;box-shadow:0 5px 0 #f0e8d9}
.daily-letter-panel{background:#f0f1e4;border-color:#dce0cb;border-radius:30px}.daily-letter-copy .eyebrow{color:#646a51}.daily-letter-copy h2{color:#616c4f;font-family:var(--rounded)}.daily-letter-copy>p{color:#666c57}.daily-letter-preview{background:#fffdf5;border-color:#e8ddc8;box-shadow:0 8px 0 #dbe1cb;transform:rotate(1deg)}.daily-letter-preview h3{font-family:var(--rounded);color:#716851}.daily-letter-preview>p:not(.daily-letter-preview-label){color:#706756}.daily-letter-status{background:#fff8df;color:#79673c}.daily-letter-seal{background:#ce8d70;border-color:#f0f1e4}.daily-letter-from{color:#746953}.daily-letter-from small{color:#706858}
.pricing-section{background-color:#f8ebd4;background-image:radial-gradient(#ddcba9 1px,transparent 1px);background-size:22px 22px;border-color:#ecddc1}.pricing-section .membership-heading h2{color:#795b42;font-family:var(--rounded)}.pricing-section .membership-heading .eyebrow{background:#fffaf0;border-color:#e4cc9c;color:#7c643d;justify-self:center;width:fit-content;max-width:100%;margin-inline:auto;text-align:center}.pricing-section .plan.is-featured{background:#fffdf7;border:2px solid #ddc49b;box-shadow:0 8px 0 #ead9b6}.pricing-section .plan h3{background:#f9ebd0;color:#7a6443;border-color:#ead7ad}.pricing-section .plan .price{color:#a2533a}.pricing-section .plan dd{color:#706950}
.closing-people-cta{background:#eeeeda;border:1px solid #d9ddc0;box-shadow:0 6px 0 #e1e4cd;border-radius:32px}.closing-people-cta h2{font-family:var(--rounded);font-size:clamp(25px,3.5vw,35px);color:#636c4b}.kotatsu-closing-kicker{font-size:9px!important;letter-spacing:.18em;color:#646b50;margin-bottom:12px!important}.closing-people-cta>p{color:#646954}.cta-face-panel .portrait-turn img{border-color:#fffdf3;box-shadow:0 4px 0 #d9ddc2}.cta-face-panel .seat-caption{color:#686958}.cta-face-panel .seat-caption b{color:#646c51}
/* The private app feels like the same place. */
.app-page{padding-top:36px}.app-greeting .eyebrow{color:#7e644a}.greeting-name{color:#756451}.quota-pill{background:#fffdf5;border-color:#e4d8c2;color:#7f6345}.app-welcome{background:#f6e8d5;border-color:#e6d1ae;border-radius:30px;padding:37px 36px}.app-welcome:after{right:-30px;top:-50px;background:#fcf1db}.welcome-orbit{width:230px;height:170px;right:12px;top:40px;opacity:.36;transform:rotate(3deg);object-fit:contain;z-index:-1}.app-kicker{color:#816446;font-size:11px}.app-welcome h1{color:#79593f;font-size:clamp(25px,3.2vw,35px)}.app-welcome>p:not(.app-kicker){color:#756451;font-size:13px}.app-welcome .btn{box-shadow:0 4px 0 #914832}.private-inline{color:#726551}.app-section-title .eyebrow{color:#766851}.app-section-title h2{color:#78634b}.app-section-title>a{color:#7a6345}.daily-person{border-color:#e6ddc9;background:#fffdf6}.daily-person h3{font-family:var(--rounded);color:#796448}.daily-person>p{color:#736856}.app-empty{background:#fffdf7;border-color:#dfd1b8;color:#75654e}.app-empty h2{color:#776349}.app-empty p{color:#716654}.app-history li{background:#fffdf7;border-color:#e8dfcd}.app-history .ex{color:#7a674e}.app-history .when{color:#706855}.app-settings{border-color:#e7ddca;background:#fffdf7}.app-settings>a,.app-settings>button{color:#786650;border-color:#efe7d8}.app-settings>:hover{background:#f7eddd}.member-avatar{background:#f1ddc6;color:#865f42}.app-profile-card h2{color:#7d6248}.app-quota-card{background:#fffdf7;border-color:#e6d8c1;box-shadow:0 6px 0 #f0e7d5}.quota-big{color:#935d42}.quota-big small{color:#756851}.app-tag{background:#f4e7ce;color:#776444}.app-quota-card progress{accent-color:#b78c64}.app-quota-card progress::-webkit-progress-bar{background:#f0e8d9}.app-quota-card progress::-webkit-progress-value{background:#b78c64}.app-legal-footer,.app-legal-footer a{color:#716653}
.letter-card,.letter-card.is-today{background:#fffdf5;border-color:#e6dac1;box-shadow:0 5px 0 #eee5d2}.letter-card.is-today{background:linear-gradient(145deg,#fffdf6,#fcf1dd)}.letter-date{color:#726751}.letter-today{background:#f3dfb3;color:#7a6842}.letter-sender a{color:#7e6446}.letter-sender p{color:#706854}.letter-body{font-family:var(--sans);font-size:14px;line-height:2.2;color:#77684f}
.advisor-filters{background:#f2eddf;border-color:#e5dcc7}.advisor-filter-heading h2,.advisor-filter-fields label{color:#77684d}.advisor-filter-heading button{color:#8c6043}.advisor-filter-fields select{background-color:#fffdf6;border-color:#dfd1b7;color:#786448}.advisor-filter-fields select:focus-visible{outline-color:#d4ac85}.advisor-filter-fields select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23937a58' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}.filter-bar button{background:#fffcf5;color:#756448;border-color:#e5d8c1}.filter-bar button[aria-pressed=true]{background:#b78b62;border-color:#b78b62;color:#fffaf1}.is-app .advisor-card{background:#fffdf7;border-color:#e7dcc6}.advisor-card .name,.is-app .advisor-card .name{font-family:var(--rounded);color:#796449}.advisor-card .meta,.is-app .advisor-card .meta{color:#756854}.advisor-card .exp,.is-app .advisor-card .exp{color:#716754}.approach-chip{background:#fffdf6;color:#75644b}.is-app .profile{background:#fffdf7;border-color:#e5d8be}
.is-app .field textarea,.field input[type=email],.field input[type=password],.field input[type=text],.field textarea,.break-panel textarea{background:#fffdf7;border-color:#dfcdb3;color:#796446}.field label{color:#7a6548}.form-page .section-head .eyebrow{color:#79674d;font-size:10px}.field input:focus,.field textarea:focus{outline-color:#d6b28a}.is-app .form-card{border-color:#e5d6bd;background:#fffdf7}.is-app .omakase-card{background:#f2ecda;border-color:#e3d5b7}.is-app .advisor-card:has(input:checked){border-color:#b88b62;background:#f8eddb}.private-note{background:#f3ecda;color:#7a6845}.is-app .chosen-bar{background:#fff9ec;border-color:#e4d1b2;backdrop-filter:none}.chosen-text{color:#7b6445}
.talk,.page-session .talk{border-color:#e4d8bf;background:#fffdf6;box-shadow:0 5px 0 #eee5d1}.talk-head,.page-session .talk-head{background:#f5ecda;border-color:#e6d7bc}.talk-title,.talk-title small{color:#786343}.talk-foot,.page-session .talk-foot{background:#fbf5e8;border-color:#e5d6bb}.concern-card,.page-session .talk .concern-card{background:#f7edcf;color:#7a6842;border-color:#ead7a4}.bubble{color:#76674e}.msg-user .bubble,.page-session .msg-user .bubble{background:#b78b62;border-color:#b78b62;color:#fffaf1}.talk-status,.talk-controls button{color:#77684e}.talk-status .btn-replay{color:#fff}.segment-mark{color:#706550}
.faq-heading>p:last-child{color:#706550}.faq-intro{background:#f3ebd7;border-color:#e4d4b5;box-shadow:0 5px 0 #ecdfc4}.faq-hundred{background:#fff9e9;border-color:#dcbf84;box-shadow:0 5px 0 #e7d5b0}.faq-hundred>span{color:#7f643f}.faq-intro-copy h2{color:#796446}.faq-intro-copy p,.faq-intro-copy a{color:#756951}.faq-item{--faq-bg:#fbf2e3;--faq-line:#e8d8bc;--faq-ink:#b7996a}.faq-item summary{color:#7a6548}.faq-answer p{color:#776850}.faq-contact{background:#eeeeda;border-color:#dcdcc2}.faq-contact h2{color:#69684d}.faq-contact>p{color:#6e6b51}
.site-footer{background:#f5eddc;border:0;color:#756449;padding-top:40px}.footer-panel{background:#f9f3e5;border-color:#e6d8bc;box-shadow:none}.footer-copy{font-family:var(--rounded);color:#7c6446}.footer-note,.footer-bottom{color:#766850}.footer-group a,.footer-bottom a{color:#786447}.footer-heading{color:#7a6442}.footer-support{background:#f2e9d5;border-color:#e1d2b0}.footer-support p,.footer-support a{color:#796445}.footer-bottom{border-color:#e3d3b0}.footer-support-icon{color:#82644c}.mock-banner{background:#faf0d7;border-color:#e2ca8f;color:#796744}.install-dialog{background:#fffaf0;color:#7a6446;border-color:#e5d5b7}.install-dialog h2{font-family:var(--rounded);color:#7d6443}.prose{color:#7a674b}.prose h1,.prose h2{font-family:var(--rounded);color:#7a6445}.prose a{color:#84633f}
@media(max-width:600px){.kotatsu-wordmark,.is-app .brand-name.kotatsu-wordmark{font-size:23px}.brand-icon{width:34px;height:34px;flex-basis:34px}.brand-name small{font-size:7px}.hero-inner,.app-ready .hero-inner{padding-block:37px 46px;gap:35px}.hero-copy h1,.app-ready .hero-copy h1{font-size:clamp(25px,7.4vw,31px);line-height:1.75}.hero-lines{font-size:11px;margin-top:20px}.hero-lines .lead{font-size:13px}.hero-actions{gap:9px}.hero-actions .btn{min-width:0;padding:12px 20px;font-size:12px}.table-scene{max-width:325px}.seat .seat-caption b{font-size:12px}.seat .seat-caption{font-size:8px}.section-head h2{font-size:25px}.flow h3{font-size:18px}.daily-letter-panel{padding:28px 20px}.daily-letter-copy h2{font-size:27px}.pricing-section .membership-heading h2{font-size:28px}.app-welcome{padding:29px 23px}.welcome-orbit{width:160px;height:120px;top:55px;right:-15px;opacity:.3}.app-welcome h1{font-size:27px}.app-welcome>p:not(.app-kicker){font-size:12px}.letter-body{font-size:13px}.closing-people-cta h2{font-size:29px}.footer-name.kotatsu-wordmark{font-size:27px}.form-page .section-head h1{font-size:25px!important;line-height:1.7}.form-page .section-head p{font-size:12px}.is-app .advisor-card .name{font-size:14px}}
@media(forced-colors:active){.advisor-filter-fields select{background-image:none}}

.talk-controls button[data-act="replay"]{background:#b75e42;border-color:#b75e42;color:#fffaf1;box-shadow:0 4px 0 #914832}.talk-controls button[data-act="replay"]:hover{background:#a65137;border-color:#a65137;color:#fffaf1}.talk-controls button[data-act="replay"]:focus-visible{outline-color:#b75e42}
/* One support route, from the first question to the thank-you page. */
.contact-width{max-width:650px}.contact-heading{text-align:center;margin-bottom:27px}.contact-heading>.eyebrow{justify-self:center;width:100%;max-width:none;margin-inline:auto;text-align:center}.contact-heading h1{font-size:32px}.contact-heading>p:last-child{margin-inline:auto;font-size:13px;line-height:2}.contact-form{position:relative;padding:30px;display:grid;gap:23px;background:#fffdf7;border:1px solid #e4d5ba;border-radius:27px;box-shadow:0 6px 0 #eee2cc}.contact-form .field{display:grid;gap:8px}.contact-form .field label{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#7e684b;font-size:13px}.contact-required{font-size:9px;line-height:1.7;padding:1px 7px;background:#f5e1d3;border-radius:99px;color:#a05b3e}.contact-form .field input,.contact-form .field textarea{width:100%;padding:13px 15px;font:inherit;font-size:16px;line-height:1.8;border:1px solid #d9c7ab;border-radius:14px;background:#fffefa;color:#6e5840}.contact-form .field textarea{min-height:210px;resize:vertical}.contact-form .small{font-size:11px;color:#887154;line-height:1.9}.contact-agreement{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;color:#7d674c}.contact-agreement input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:#b75e42}.contact-submit{display:grid;justify-items:center;gap:9px}.contact-submit .btn{min-width:230px}.contact-submit button:disabled{opacity:.65;cursor:wait;transform:none}.contact-reply-note{font-size:11px;text-align:center;line-height:1.9;color:#80684b}.contact-direct{text-align:center;padding:28px 8px 10px;font-size:12px;line-height:2.1;color:#887154}.contact-direct>a{display:inline-block;font-size:14px;margin:7px 0;color:#a3593c;overflow-wrap:anywhere}.contact-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-thanks{text-align:center;display:grid;justify-items:center;gap:22px;border:1px solid #e3d5bb;border-radius:30px;padding:44px 25px;background:#fffdf6;box-shadow:0 6px 0 #eee2cd}.contact-thanks-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:27px;background:#f2e2c5;color:#a67b4b}.contact-thanks-icon svg{width:39px;height:39px}.contact-thanks .eyebrow{font-size:10px;margin:0}.contact-thanks h1{font-size:30px;line-height:1.65;color:#816344}.contact-thanks>p{font-size:13px;line-height:2;color:#806c50}.contact-thanks>p.small{font-size:11px;color:#8a7658}.contact-email-text{overflow-wrap:anywhere}.faq-contact>.btn{margin-top:15px}.faq-contact-address>a{overflow-wrap:anywhere}
@media(max-width:600px){.contact-form{padding:24px 20px;border-radius:24px;gap:22px}.contact-submit .btn{min-width:0;width:100%}.contact-thanks{padding:34px 20px;border-radius:25px}.contact-thanks h1{font-size:27px}.contact-heading h1{font-size:29px}.contact-reply-note{font-size:10px}}

.pricing-section .plan .price .price-currency{display:inline;font-size:.45em;letter-spacing:0;margin-left:.12em;vertical-align:baseline}

/* Mobile spacing: a single content gutter, complete logo caption, matched hero buttons. */
@media(max-width:600px){
 .app-ready .wrap{width:100%;padding-left:max(15px,env(safe-area-inset-left,0px));padding-right:max(15px,env(safe-area-inset-right,0px))}
 .site-header .brand-name.kotatsu-wordmark small{font-size:9px;letter-spacing:.04em;line-height:1.4;white-space:nowrap}
 .hero-actions{gap:10px;align-items:stretch}
 .hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:190px;height:46px;min-height:46px;padding:0 14px;font-size:12px;line-height:1.3;white-space:nowrap;box-shadow:none}
 .hero-actions .btn:hover,.hero-actions .btn:active{box-shadow:none}
}

/* 2026-10-30: larger, bracketed KOTATSU tagline */
.site-header .kotatsu-wordmark small{font-size:11px;letter-spacing:.06em;line-height:1.35}
.sidebar-brand .kotatsu-sidebar-wordmark small{font-size:12px;letter-spacing:.02em;line-height:1.35}
.closing-people-cta h2{font-size:clamp(30px,4.2vw,44px);letter-spacing:.015em}
@media(max-width:600px){.site-header .brand-name.kotatsu-wordmark small{font-size:10.5px;letter-spacing:.01em}.sidebar-brand .kotatsu-sidebar-wordmark small{font-size:11px}.closing-people-cta h2{font-size:clamp(27px,6.6vw,34px)}}

/* Sample replay button: keep the warm KOTATSU palette across all states. */
.talk-controls button[data-act="replay"]:hover {
  background:#a65137;
  border-color:#a65137;
  color:#fffaf1;
  box-shadow:0 6px 0 #87412b;
}
.talk-controls button[data-act="replay"]:active {
  background:#a65137;
  border-color:#a65137;
  box-shadow:0 2px 0 #87412b;
}

/* 2026-10-30: align the two-line KOTATSU wordmark horizontally. */
.site-header .kotatsu-wordmark,
.footer-name.kotatsu-wordmark,
.sidebar-brand .kotatsu-sidebar-wordmark{
  display:inline-grid;
  justify-items:start;
}
.site-header .kotatsu-wordmark small,
.sidebar-brand .kotatsu-sidebar-wordmark small{
  width:max-content;
  margin-left:-0.16em;
}
@media(max-width:600px){
  .site-header .kotatsu-wordmark small,
  .sidebar-brand .kotatsu-sidebar-wordmark small{
    margin-left:-0.14em;
  }
}

/* Official supplied logo: keep the image intact across public and member views. */
.site-header .brand .kotatsu-official-logo,
.app-ready .site-header .brand .kotatsu-official-logo {
  display:block; width:220px; height:auto; max-width:100%; object-fit:contain; flex:none;
}
.sidebar-brand > img.kotatsu-official-logo {
  display:block; width:204px; height:auto; max-width:100%; object-fit:contain; flex:none;
}
.footer-home > img.kotatsu-official-logo {
  display:block; width:220px; height:auto; max-width:100%; object-fit:contain; flex:none;
}
@media (max-width:600px) {
  .site-header .brand .kotatsu-official-logo,
  .app-ready .site-header .brand .kotatsu-official-logo {width:168px;}
  .footer-home > img.kotatsu-official-logo {width:190px;}
}