/* Patient-facing interval guide. Treatment data stays in index.html. */
body.ub-colors {
  --bg:#fbfaf8; --paper:#fff; --ink:#292623; --ink-mid:#45413d; --ink-soft:#6b635c;
  --line:#dcd5ce; --line-soft:#ece7e1; --accent:#8b715e; --accent-dk:#4f4238; --accent-bg:#f2ede7;
  background:var(--bg); color:var(--ink); font-family:var(--sans-ja); font-size:15px; line-height:1.8; letter-spacing:.02em;
  padding:0 20px 112px;
}
body.ub-colors .wrap {max-width:840px;}
body.ub-colors a {text-underline-offset:4px;}
body.ub-colors :is(button,select,input) {font-family:inherit;}
body.ub-colors :is(a,button,select,input,summary):focus-visible {outline:2px solid #80634d; outline-offset:4px;}
body.ub-colors :is(header,h2,.result,.res-note,.cta-quote,.field)::before,
body.ub-colors :is(header,h2,.result,.res-note,.cta-quote,.field)::after,
body.ub-colors .res-label::before,body.ub-colors .res-label::after,
body.ub-colors .tl-l,body.ub-colors .tl-dot,body.ub-colors .cpline a::after {display:none;}
body.ub-colors .interval-header {padding:28px 0 25px; margin:0; border:0; text-align:center;}
body.ub-colors .brand {display:inline-block; font:19px Georgia,serif; letter-spacing:.05em; text-decoration:none; color:#39332e; margin:0 0 25px;}
body.ub-colors .brand span {display:block; font:9px var(--sans-ja); letter-spacing:.23em; margin-top:6px;}
body.ub-colors .h-sub {font:10px var(--sans-ja); font-style:normal; letter-spacing:.2em; color:#796e65; margin:0 0 10px;}
body.ub-colors h1 {font-size:30px; font-weight:500; letter-spacing:.05em; margin:0 0 12px; line-height:1.5;}
body.ub-colors .lead {font:14px/1.9 var(--sans-ja); letter-spacing:.025em; color:#625b55;}
body.ub-colors .picker {display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:28px; background:white; border:1px solid #e5ded7; border-radius:16px; box-shadow:0 10px 36px #4b392909;}
.picker-heading {grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:2px; font-size:14px; font-weight:600;}
.picker-progress {font-size:11px; font-weight:500; color:#776c63; background:#f5f2ee; border-radius:20px; padding:4px 10px; white-space:nowrap;}
body.ub-colors .picker .field,body.ub-colors .picker .field+.field {margin:0; min-width:0;}
body.ub-colors .field-label {font:600 14px/1.5 var(--sans-ja); font-style:normal; letter-spacing:.02em; margin:0 0 9px; color:#40372f; gap:8px;}
body.ub-colors .field-label .step {display:inline-grid;place-items:center; width:24px;height:24px;border-radius:50%;background:#f0e9e2; color:#77614f; font:500 11px var(--sans-ja);}
body.ub-colors select {min-height:56px; border:1px solid #cfc4ba; border-radius:8px; font-size:16px; background-color:#fff; padding:12px 28px 12px 14px; background-position:right 10px center;}
.treatment-trigger {width:100%; min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border:1px solid #cfc4ba; border-radius:8px; background:#fff; cursor:pointer; color:#625b55; text-align:left; line-height:1.55; font-size:15px; transition:background .2s,border-color .2s;}
.treatment-trigger:hover {background:#faf7f3; border-color:#89725f;}
.treatment-trigger.is-selected {background:#f7f3ee; color:#292623; border-color:#ad9987;}
.treatment-trigger .trigger-name {flex:1; min-width:0; overflow-wrap:anywhere;}
.treatment-trigger .trigger-action {flex:none; border-bottom:1px solid #c4b5a7; color:#6f5b4c; font-size:11px;}
body.ub-colors .result {grid-column:1/-1; margin:3px 0 0; padding:18px; border:1px dashed #d8cec4; border-radius:10px; background:#faf8f5; box-shadow:none; text-align:center; scroll-margin-top:20px; transition:none;}
body.ub-colors .result:not(.active) .res-label,body.ub-colors .result:not(.active) .res-value {display:none;}
body.ub-colors .result:not(.active) .res-desc {font-size:13px;line-height:1.8; color:#74695f;}
body.ub-colors .result.active {background:#f6f1eb; border:1px solid #d5c4b4; border-top:3px solid #aa8c70; padding:26px 24px 18px; box-shadow:none;}
body.ub-colors .result .res-label {display:block; font:500 13px/1.5 var(--sans-ja); font-style:normal; letter-spacing:.08em; color:#685a4e; margin:0 0 10px;}
body.ub-colors .result .res-value,body.ub-colors .result.rs-same .res-value {font-family:var(--serif-ja); font-size:40px; font-weight:600; color:#382d25; line-height:1.4; letter-spacing:.03em; margin:0 0 16px; overflow-wrap:anywhere;}
body.ub-colors .res-value .unit {font:500 22px var(--sans-ja); margin-left:5px;}
body.ub-colors .res-value sup {color:#73563d !important;}
body.ub-colors .res-desc {letter-spacing:.01em;}
body.ub-colors .tl {display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:none; margin:0; padding:0; align-items:stretch;}
body.ub-colors .tl-n {display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; width:auto; min-width:0; text-align:left; padding:0;}
body.ub-colors .tl-n+.tl-l+.tl-n {border-left:1px solid #d9ccbf; padding-left:18px;}
body.ub-colors .result .tl-n i {order:-1; font:11px var(--sans-ja); letter-spacing:.03em; color:#77695d; margin:0 0 6px;}
body.ub-colors .result .tl-n b {font:500 13px/1.7 var(--sans-ja); letter-spacing:.01em; color:#41362e; overflow-wrap:anywhere;}
body.ub-colors .result .res-note {margin:18px 0 0; padding:16px 0 0; border-top:1px solid #d9ccbf; color:#4b4138; font:13px/1.9 var(--sans-ja); letter-spacing:.01em; text-align:left;}
body.ub-colors .res-cta {margin:20px 0 0; padding:0; border:0;}
body.ub-colors .rc-btns {display:flex;flex-direction:column;gap:8px;}
body.ub-colors .rc-btns a {width:100%; min-width:0; min-height:54px; padding:15px 16px; border-radius:7px; font:600 15px/1.6 var(--sans-ja); letter-spacing:.02em; text-decoration:none;}
body.ub-colors .result .rc-b1 {background:#322c27; color:#fff; border:1px solid #322c27; box-shadow:0 4px 10px #3c2f2010;}
body.ub-colors .result .rc-b1:hover {background:#574638;}
body.ub-colors .result .rc-b2 {background:transparent; color:#51463d; border:0; font-size:13px; min-height:44px; padding:10px; text-decoration:underline;}
body.ub-colors .rc-sub {font:12px/1.7 var(--sans-ja);white-space:normal; margin:6px 0 0; color:#6c5e52;}
body.ub-colors .result .rc-sub a {color:#594a3d; padding:10px 4px; min-height:40px;}
.picker-tools {grid-column:1/-1; display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px; border-top:1px solid #eee8e2; padding-top:4px;}
body.ub-colors .picker-tools button {border:0; background:none; margin:0; min-height:44px; padding:8px 3px; font:12px var(--sans-ja); letter-spacing:0; font-style:normal; color:#746559; cursor:pointer; text-decoration:underline;text-underline-offset:4px;}
body.ub-colors .picker-tools button:disabled {color:#9a9188; cursor:default; text-decoration:none;}
body.ub-colors details {padding:0; border:1px solid #e2dad2; border-radius:9px; margin:12px 0; background:#fff;}
body.ub-colors details summary {min-height:64px; padding:17px 20px; font:500 14px/1.7 var(--sans-ja); letter-spacing:.025em; gap:15px;}
body.ub-colors details summary::after {content:'＋';position:static;transform:none;flex:none;width:auto;height:auto;border:0;background:none;font:20px var(--sans-ja);color:#927760;}
body.ub-colors details[open]>summary::after {content:'−';transform:none;}
body.ub-colors details .body {padding:0 20px 8px; font-size:14px; line-height:1.9; letter-spacing:.01em;}
body.ub-colors details .body strong {color:#544438;}
body.ub-colors .choice-help {border:0; background:transparent; margin:8px 0 18px;}
body.ub-colors .choice-help summary {font-size:12px;min-height:48px;justify-content:center;padding:10px; color:#6c5d51;}
body.ub-colors .choice-help summary::after {font-size:16px;}
body.ub-colors .choice-help .body {padding:8px 18px 15px; border:1px solid #e2dad2;border-radius:8px;background:white;}
body.ub-colors .all-intervals {margin:0 0 36px;}
.all-intervals summary>span {display:flex;flex-direction:column;gap:2px;}
.all-intervals small {font-size:9px;letter-spacing:.18em;color:#907661;}
.all-intervals b {font-size:16px;font-weight:500;}
.summary-caption {font-size:12px; color:#796d63;}
.chart-content {padding:4px 18px 20px;}
body.ub-colors .legend {margin:10px 0 16px;gap:8px 12px;font:12px/1.6 var(--sans-ja);color:#584d43;justify-content:flex-start;}
body.ub-colors .legend .swatch {transform:none;border-radius:3px;width:12px;height:12px;}
body.ub-colors .mx-hint,body.ub-colors .matrix-hint {font:12px/1.8 var(--sans-ja);color:#685b50;text-align:left;letter-spacing:0;}
body.ub-colors .matrix-frame {border-radius:7px;}
body.ub-colors .matrix-scroll {max-height:520px;overflow:auto;}
body.ub-colors .matrix {border-collapse:separate;border-spacing:0;}
body.ub-colors .matrix :is(td,th) {border:0;border-right:1px solid #d8c8b8;border-bottom:1px solid #d8c8b8;min-width:48px;height:44px;font-size:12px;}
body.ub-colors .matrix thead th {font-size:12px;padding:12px 8px;line-height:1.5;}
body.ub-colors .matrix tbody th,body.ub-colors .matrix thead th.corner {min-width:132px;max-width:132px;text-align:left;background:#f1eae3;color:#4c3d31;}
body.ub-colors .matrix thead th.corner {font:12px/1.8 var(--sans-ja);letter-spacing:0;}
body.ub-colors .matrix td sup {font-size:11px !important;}
body.ub-colors .matrix td.highlight {transform:none;box-shadow:inset 0 0 0 2px #47372a;}
body.ub-colors h2 {margin:34px 0 16px; padding:0; text-align:left; font:500 18px/1.7 var(--sans-ja); letter-spacing:.02em;}
body.ub-colors .h-num {font:10px var(--sans-ja);letter-spacing:.13em;margin:0 0 7px;color:#8b705c;}
body.ub-colors .pre-note {background:transparent;border:0;padding:0;font-size:13px;line-height:1.9;letter-spacing:.01em;color:#695d52;}
body.ub-colors .cta {margin:35px 0 0;padding:28px 20px;border:1px solid #e1d7ce;border-radius:10px;background:#f3eee8;}
body.ub-colors .cta-quote {padding:0;font:14px/1.9 var(--sans-ja);color:#5c4c3e;letter-spacing:.02em;}
body.ub-colors .cta-actions {gap:10px;}
body.ub-colors .cta-btn {min-height:50px;display:flex;justify-content:center;align-items:center;font:500 14px/1.6 var(--sans-ja);border-radius:6px;}
body.ub-colors .reg-box {margin:28px 0 0;padding:20px;border:1px solid #e2dad2;background:#fff;border-radius:9px;}
body.ub-colors .reg-box h2 {font:500 14px/1.8 var(--sans-ja);letter-spacing:0;margin:0 0 10px;}
body.ub-colors .reg-box p,body.ub-colors .disclaimer {font:12px/1.9 var(--sans-ja);color:#6c6055;letter-spacing:.01em;}
body.ub-colors .disclaimer {margin-top:22px;}
body.ub-colors footer {font:12px/1.9 var(--sans-ja);letter-spacing:.01em;}
body.ub-colors .mobile-cta {padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #e4dbd2;box-shadow:0 -3px 16px #40322509;gap:8px;}
body.ub-colors .mobile-cta a {border-radius:6px;min-height:48px;padding:10px 12px;font:600 12px/1.5 var(--sans-ja);letter-spacing:.01em;overflow-wrap:anywhere;}
body.ub-colors .mobile-cta .book {background:#332d27;color:white;flex:1.35;}
body.ub-colors .mobile-cta .line {background:#f5f0ea;color:#574637;border:1px solid #d3c4b5;flex:1;}
/* Searchable selection sheet: a native modal for focus management and Escape. */
.interval-dialog {width:min(540px,calc(100% - 28px)); max-height:min(720px,88dvh); padding:0; margin:auto; border:1px solid #e0d7ce; border-radius:16px; background:#fff; color:#332b24;box-shadow:0 20px 70px #2b201d30;}
.interval-dialog::backdrop {background:#2b242560;backdrop-filter:blur(3px);}
.dialog-shell {display:flex;flex-direction:column;max-height:min(720px,88dvh);}
.dialog-head {padding:20px 20px 14px; border-bottom:1px solid #ede5dd; background:#faf7f2;}
.dialog-title-row {display:flex;justify-content:space-between;align-items:center;gap:10px;}
.dialog-title-row h2 {font:600 17px/1.5 var(--sans-ja) !important;margin:0 !important;}
.dialog-close {border:0;background:white;color:#695443;border-radius:30px;font-size:12px;min-width:60px;min-height:44px;cursor:pointer;}
.interval-dialog input {width:100%;padding:12px 14px;border:1px solid #c8b8a8;border-radius:7px;font-size:16px;margin:13px 0 0;color:#302922;background:white;min-height:48px;}
.dialog-results {overflow:auto; overscroll-behavior:contain; padding:6px 14px 18px;}
.dialog-count {font-size:11px;color:#807060;margin:10px 4px 6px;}
.dialog-choice {display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;padding:14px 10px;text-align:left;border:0;border-bottom:1px solid #eee7e0;background:white;font-size:14px;line-height:1.65;color:#372d25;cursor:pointer;}
.dialog-choice:hover,.dialog-choice[aria-pressed="true"] {background:#f5eee6;}
.dialog-choice[aria-pressed="true"]::after {content:'選択中';color:#806147;flex:none;font-size:11px;}
.dialog-empty {font-size:14px;line-height:1.8;padding:20px 8px;color:#796b60;}
body.interval-dialog-open {overflow:hidden;}
@media(max-width:600px){
 body.ub-colors {padding-left:16px;padding-right:16px;}
 body.ub-colors .interval-header {padding:22px 0 22px;}
 body.ub-colors .brand {font-size:17px;margin-bottom:19px;}
 body.ub-colors h1 {font-size:25px;letter-spacing:.025em;}
 body.ub-colors .lead {font-size:13px;}
 body.ub-colors .picker {grid-template-columns:1fr;padding:18px;gap:18px;border-radius:13px;}
 .picker-heading {font-size:13px;margin-bottom:0;}
 body.ub-colors .field-label {font-size:13px;margin-bottom:8px;}
 .treatment-trigger {min-height:56px;font-size:14px;}
 body.ub-colors .result.active {padding:22px 16px 14px;}
 body.ub-colors .result .res-value {font-size:34px;}
 body.ub-colors .result .res-note {font-size:13px;}
 body.ub-colors .tl {gap:12px;}
 body.ub-colors .tl-n+.tl-l+.tl-n {padding-left:12px;}
 body.ub-colors .rc-btns a {font-size:14px;padding:14px 12px;}
 body.ub-colors .rc-btns .rc-b2 {font-size:12px;}
 body.ub-colors details summary {padding:16px;font-size:13px;}
 .chart-content {padding:0 10px 15px;}
 body.ub-colors .matrix-scroll {max-height:65dvh;}
 body.ub-colors .all-intervals {margin-bottom:28px;}
 body.ub-colors .reg-box {padding:16px;}
 body.ub-colors .cta {padding:22px 16px;}
 body.ub-colors .cta-quote {font-size:13px;}
 body.ub-colors .mobile-cta a {font-size:11px;padding:8px;}
 .interval-dialog {width:calc(100% - 20px);max-height:90dvh;border-radius:15px;}
 .dialog-shell {max-height:90dvh;}
}
@media(prefers-reduced-motion:reduce){.result.pop,.interval-dialog,.dialog-results{animation:none!important;transition:none!important;}}
/* Keep utility actions compact and remove inherited decorative rules. */
body.ub-colors .picker-tools[hidden] {display:none;}
body.ub-colors .picker-tools button {display:inline-block; width:auto; flex:none;}
body.ub-colors .picker-tools button::before,body.ub-colors .picker-tools button::after {display:none;}
body.ub-colors .matrix td>span {font-size:11px !important;line-height:1.5 !important;}
/* Fixed-width columns keep vertical headings from widening when the chart opens. */
body.ub-colors table.matrix {table-layout:fixed;width:2112px;}
body.ub-colors .matrix thead th {height:220px;width:60px;min-width:60px;max-width:60px;}
body.ub-colors .matrix thead th.corner {width:132px;min-width:132px;max-width:132px;}
body.ub-colors .matrix td {width:60px;min-width:60px;max-width:60px;}
body.ub-colors .matrix td>span {font-size:10px !important;white-space:normal !important;}
body.ub-colors .matrix-frame {width:auto;margin-left:0;box-shadow:none;}
body.ub-colors .matrix th.hi-lab {background:#514235;color:#fff;}
body.ub-colors .matrix td.c-same {background:#eef3e7;color:#426039;}
body.ub-colors .matrix td.c-1w {background:#f8f0d5;color:#54432d;}
body.ub-colors .matrix td.c-2w {background:#f4e5ba;color:#514027;}
body.ub-colors .matrix td.c-3w {background:#edd09e;color:#4e3725;}
body.ub-colors .matrix td.c-4w {background:#dfb384;color:#433224;}
body.ub-colors .matrix td.c-6w {background:#805738;color:#fff;}
body.ub-colors .matrix td.c-3m {background:#493629;color:#fff;}
body.ub-colors .matrix td sup {color:inherit !important;}
body.ub-colors {--c-same:#eef3e7;--c-1w:#f8f0d5;--c-2w:#f4e5ba;--c-3w:#edd09e;--c-4w:#dfb384;--c-6w:#805738;--c-3m:#493629;}
/* Mobile-first pass: focus on two choices, one answer and one booking action. */
body.ub-colors .result .rc-more {border:0; background:transparent; margin:10px 0 0; border-top:1px solid #ddcfc1; border-radius:0;}
body.ub-colors .result .rc-more summary {padding:12px 0 5px;min-height:48px;font-size:13px;color:#685544;}
body.ub-colors .result .rc-more summary::after {font-size:17px;}
body.ub-colors .rc-more-body {padding:0 0 4px;}
body.ub-colors .result .rc-more-body .rc-b2 {display:block;padding:12px 0;min-height:44px;font-size:13px;}
body.ub-colors .result .rc-more-body .rc-sub {margin:0;}
body.ub-colors .result .rc-more-body .rc-sub a {padding:12px 0;min-height:44px;}
.dialog-title-row {justify-content:flex-start;gap:10px;}
.dialog-step {font:500 13px var(--sans-ja);background:#eae0d5;color:#70513a;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none;}
.dialog-context {margin-top:10px;display:flex;align-items:center;gap:12px;border-top:1px solid #e6ddd3;padding-top:6px;}
.dialog-context[hidden] {display:none;}
.dialog-context>span {font-size:12px;line-height:1.7;color:#72604e;flex:1;min-width:0;}
.dialog-context button {flex:none;font:12px var(--sans-ja);color:#624c39;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;padding:9px 3px;min-width:44px;min-height:44px;cursor:pointer;}
.dialog-categories {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;}
.category-button {min-height:44px;border:1px solid #d7cbbd;border-radius:6px;background:#fff;color:#695a4a;font:12px/1.4 var(--sans-ja);padding:8px 4px;cursor:pointer;}
.category-button[aria-pressed="true"] {background:#4a3b2e;border-color:#4a3b2e;color:#fff;}
.dialog-head {flex:none;}
.dialog-results {flex:1;min-height:0;}
.dialog-footer {flex:none;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e6ddd3;background:#fff;}
.dialog-close {width:100%;min-height:48px;background:#f3eee8;border:1px solid #d7c9ba;border-radius:7px;font-size:14px;color:#5b4634;}
@media(max-width:600px){
 body.ub-colors .cpn {margin-left:-16px;margin-right:-16px;}
 body.ub-colors .cpn-a {min-height:42px;padding:8px 16px;}
 body.ub-colors .cpn-t {display:none;}
 body.ub-colors .interval-header {padding:17px 0 20px;}
 body.ub-colors .brand {font-size:15px;margin-bottom:13px;line-height:1.3;}
 body.ub-colors .brand span {display:inline;margin-left:7px;font-size:8px;letter-spacing:.13em;}
 body.ub-colors .h-sub {display:none;}
 body.ub-colors h1 {font-size:24px;margin-bottom:8px;}
 body.ub-colors .lead {font-size:13px;line-height:1.75;}
 body.ub-colors .picker {gap:16px;padding:16px;}
 body.ub-colors .field-label {font-size:14px;}
 body.ub-colors .treatment-trigger {font-size:16px;min-height:58px;padding:12px;}
 body.ub-colors .treatment-trigger .trigger-action {font-size:12px;}
 body.ub-colors .picker-heading {font-size:14px;}
 body.ub-colors .result:not(.active) {padding:14px 10px;}
 body.ub-colors .result.active {padding:20px 16px 8px;}
 body.ub-colors .result .res-value {font-size:36px;margin-bottom:14px;}
 body.ub-colors .result .res-label {font-size:14px;}
 body.ub-colors .result .tl-n b {font-size:14px;line-height:1.65;}
 body.ub-colors .result .tl-n i {font-size:12px;}
 body.ub-colors .result .res-note {font-size:14px;line-height:1.8;margin-top:14px;padding-top:14px;}
 body.ub-colors .res-cta {margin-top:16px;}
 body.ub-colors .rc-btns {margin-top:0;}
 body.ub-colors .rc-btns a {font-size:15px;min-height:56px;}
 body.ub-colors .picker-tools button {font-size:12px;}
 body.ub-colors .mobile-cta a {font-size:13px;min-height:52px;padding:9px 10px;}
 body.ub-colors .mobile-cta .book {flex:2.2;}
 body.ub-colors .mobile-cta .line {flex:1;}
 .interval-dialog {position:fixed;inset:0;width:100%;max-width:100%;margin:auto 0 0;max-height:min(92dvh,var(--sheet-height,92dvh));border-radius:18px 18px 0 0;border-bottom:0;}
 .dialog-shell {max-height:min(92dvh,var(--sheet-height,92dvh));min-height:0;}
 .dialog-head {padding:18px 16px 12px;}
 .dialog-title-row h2 {font-size:18px !important;}
 .dialog-choice {font-size:15px;min-height:58px;padding:14px 10px;}
 .dialog-results {padding:0 14px 12px;}
 .dialog-choice[aria-pressed="true"]::after {font-size:12px;}
 .dialog-count {font-size:12px;}
 .dialog-empty {font-size:14px;}
 .dialog-footer {padding-bottom:max(12px,env(safe-area-inset-bottom));}
 .interval-dialog input {margin-top:12px;}
}
@media(max-width:359px){
 body.ub-colors h1 {font-size:22px;}
 body.ub-colors .picker {padding:14px;}
 body.ub-colors .treatment-trigger {font-size:15px;}
 body.ub-colors .picker-tools button {font-size:11px;}
 .category-button {font-size:11px;}
 body.ub-colors .mobile-cta a {font-size:12px;padding:8px;}
}

/* Keep search results reachable above a mobile software keyboard. */
@media(max-width:600px){
 .interval-dialog.is-searching .dialog-categories,
 .interval-dialog.is-searching .dialog-context {display:none;}
 .interval-dialog.is-searching .dialog-head {padding-bottom:12px;}
}

.dialog-browse {display:none;}
@media(max-width:600px){
 .interval-dialog.is-searching .dialog-footer {display:flex;gap:8px;}
 .interval-dialog.is-searching .dialog-footer button {flex:1;min-width:0;}
 .interval-dialog.is-searching .dialog-browse {display:block;min-height:48px;border:1px solid #c8b8a8;border-radius:7px;background:#fff;color:#574737;font:500 13px/1.5 var(--sans-ja);}
}

/* Approved wordmark artwork: keep its original lettering and color. */
body.ub-colors {--brand-ink:#4f3819;}
body.ub-colors .brand {
  display:block;width:196px;max-width:65%;height:auto;
  margin:0 auto 14px;padding:0;font-size:0;line-height:0;letter-spacing:0;text-indent:0;
}
body.ub-colors .brand img {display:block;width:100%;height:auto;max-width:100%;}
body.ub-colors .interval-header h1 {font-family:var(--serif-ja);font-weight:500;color:var(--brand-ink);}
body.ub-colors .all-intervals small,body.ub-colors .h-num {color:var(--brand-ink);}
@media(max-width:600px){
 body.ub-colors .interval-header {padding-top:13px;}
 body.ub-colors .brand {width:176px;margin-bottom:12px;}
}