/* Reference: sougi-korekara.com. Original CSS; existing layout and behavior retained. */
.reye-design-page{
 --reye-ui-font:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Sans",メイリオ,Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
 --reye-display-font:var(--reye-ui-font);
 --reye-brand:#ccccff;
 --reye-ui-ink:#303052;
 --reye-ui-edge:#a4a4d4;
 font-family:var(--reye-ui-font);
 color:var(--reye-ui-ink);
}
.reye-design-page :where(h1,h2,h3,h4,h5,h6,input,select,textarea,button){font-family:var(--reye-ui-font)}
.reye-design-page .post_content,
.reye-design-page .post_content :where(p,li,td,th,h1,h2,h3,h4,h5,h6,input,select,textarea,button),
.reye-design-page .reye-detail-jumps button{font-family:var(--reye-ui-font)}
.reye-design-page .reye-explore h1,
.reye-design-page .reye-section-heading h2,
.reye-design-page .reye-guides-hero h1,
.reye-design-page .reye-finder-hero h1,
.reye-design-page .reye-region-card__heading h3{font-family:var(--reye-ui-font);font-weight:700;letter-spacing:.015em}
.reye-design-home .reye-explore h1{line-height:1.55}
.reye-design-home .reye-explore h1 mark{color:var(--reye-ui-ink);background:linear-gradient(transparent 76%,#ccccff 76%,#ccccff 96%,transparent 96%)}
.reye-design-page .reye-site-stats strong{font-family:var(--reye-ui-font);font-weight:700;font-variant-numeric:tabular-nums}
.reye-design-page .reye-site-header .reye-site-logo>span{margin-left:0;font-size:11px;line-height:1.6;white-space:normal}
.reye-design-page .reye-site-navigation a{border-radius:8px;min-height:44px;font-weight:700}
.reye-design-page .reye-site-navigation__recommend{background:#efefff!important;border-color:#ccccff}
.reye-design-page .reye-site-navigation__recommend:hover{background:#e3e3ff!important}
.reye-design-page .reye-site-navigation a:focus-visible{outline-color:#6254a9}

/* A clear, tactile primary action and a quieter outlined secondary action. */
.reye-design-page .reye-button,
.reye-design-home .reye-explore__submit{
 border-radius:8px;
 font-weight:700;
 line-height:1.55;
 box-shadow:0 3px 0 #d5d5e5;
 transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;
 -webkit-tap-highlight-color:transparent;
}
.reye-design-page .reye-button--teal,
.reye-design-page .reye-button--coral,
.reye-design-home .reye-explore__submit{
 background:#ccccff;
 color:#303052!important;
 border:1px solid #b9b9eb;
 box-shadow:0 4px 0 #a4a4d4;
}
.reye-design-page .reye-button--teal:hover,
.reye-design-page .reye-button--coral:hover,
.reye-design-home .reye-explore__submit:hover{background:#bfbff5;color:#303052!important}
.reye-design-page .reye-button--white{background:#fff;color:#303052!important;border-color:#b9b9d5}
.reye-design-page .reye-button--white:hover{background:#f3f3ff}
.reye-design-page .reye-button:active,
.reye-design-home .reye-explore__submit:active{transform:translateY(3px);box-shadow:0 1px 0 #a4a4d4}
.reye-design-page .reye-button:focus-visible,
.reye-design-home .reye-explore__submit:focus-visible{outline:3px solid #6254a9;outline-offset:4px}
.reye-design-page .reye-button:disabled,
.reye-design-page .reye-button[aria-disabled=true]{opacity:.55;box-shadow:none;transform:none;cursor:not-allowed}
.reye-design-home .reye-explore__submit{min-height:56px;padding:14px 18px}
.reye-design-home .reye-explore__submit span{font-size:17px}
.reye-design-page .reye-button .reye-icon:last-child,
.reye-design-home .reye-explore__submit .reye-icon:last-child{stroke-width:2.3}
.reye-design-page .reye-region-card .reye-button{min-height:46px;background:#fff!important;border-color:#b9b9d5;color:#303052!important;box-shadow:0 3px 0 #e1e1ee}
.reye-design-page .reye-region-card__link:hover .reye-button{background:#efefff!important;color:#303052!important;border-color:#9292c8}
.reye-design-page .reye-region-card,.reye-design-page .reye-guide-card{border-radius:12px}
.reye-design-page .reye-conditions__grid>a{border-radius:8px;border-color:#c5c5df;box-shadow:0 3px 0 #e4e4f0}
.reye-design-page .reye-conditions__grid>a:hover{background:#f3f3ff;border-color:#a4a4d4}
.reye-design-page .reye-conversion{background:#efefff}
.reye-design-page .reye-conversion__buttons{padding-bottom:4px}
.reye-design-page .reye-site-sticky{padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #3030520a}
.reye-design-page .reye-site-sticky .reye-button--coral{background:#fff;border-color:#b9b9d5;box-shadow:0 3px 0 #d5d5e5}
.reye-design-page .reye-site-sticky .reye-button--coral:hover{background:#efefff}

/* Existing two-step search, with more legible labels and selection feedback. */
.reye-design-home .reye-explore__eyebrow{font-weight:700;letter-spacing:.04em}
.reye-design-home .reye-explore__lead{font-size:14px;line-height:1.9}
.reye-design-home .reye-explore .reye-concerns legend{font-size:16px;font-weight:700}
.reye-design-home .reye-explore__step{border:0;border-radius:50%;width:30px;height:30px;background:#ccccff;color:#303052;font-weight:700}
.reye-design-home .reye-concern__bubble{border:2px solid #dcdcea;border-radius:8px;box-shadow:0 3px 0 #dedeea;padding-right:30px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.reye-design-home .reye-concern strong{font-size:14px;font-weight:700;line-height:1.6}
.reye-design-home .reye-concern small{color:#66667c}
.reye-design-home .reye-concern__icon{color:#6254a9}
.reye-design-home .reye-concern__check{width:16px;height:16px;right:9px;top:12px;border:1px solid #9292b2}
.reye-design-home .reye-concern input:checked+.reye-concern__bubble{background:#efefff;border:2px solid #8277c3;box-shadow:0 3px 0 #b8b1da}
.reye-design-home .reye-concern input:checked+.reye-concern__bubble .reye-concern__check{border:5px solid #6254a9}
.reye-design-home .reye-concern:hover .reye-concern__bubble{border-color:#a39bca}
.reye-design-home .reye-explore .reye-explore__finder{border-radius:12px;border-top:5px solid #ccccff;box-shadow:0 6px 22px #3030520d}
.reye-design-home .reye-explore__finder h2{font-weight:700}
.reye-design-home .reye-explore__finder h2 .reye-explore__step{background:#ccccff;color:#303052}
.reye-design-home .reye-explore-map__region{border-radius:6px;border-color:#b1b1d1;box-shadow:0 2px 0 #e0e0ee;color:#303052;min-height:42px}
.reye-design-home .reye-explore-map__region:hover{background:#efefff}
.reye-design-home .reye-explore-map__prefs button{border-radius:6px;min-height:44px;border-color:#b1b1d1;box-shadow:0 2px 0 #e0e0ee;color:#303052}
.reye-design-home .reye-explore-map__panel-head button{min-width:66px;min-height:44px;border-radius:6px;background:#efefff}
.reye-design-home .reye-explore__fields label{font-size:13px;font-weight:700}
.reye-design-home .reye-explore__fields input,.reye-design-home .reye-explore__fields select{min-height:48px;border-radius:6px;border-color:#b1b1ca;font-size:15px}
.reye-design-home .reye-explore__fields input::placeholder{color:#727288;font-size:12px}
.reye-design-home .reye-explore__fields input:focus,.reye-design-home .reye-explore__fields select:focus{outline:2px solid #8277c3;outline-offset:2px;border-color:#8277c3}
.reye-design-home .reye-explore__selection{color:#514788;font-size:12px;font-weight:700}
.reye-design-home .reye-explore__hint{font-size:12px}

/* Carry the same controls through results, comparison and detail pages. */
.reye-design-page .reye-guides-tabs a{border-radius:8px;min-height:46px;border-color:#c5c5df;background:#fff;font-weight:700;box-shadow:0 2px 0 #e1e1ee}
.reye-design-page .reye-guides-tabs a[aria-current=page]{background:#ccccff;color:#303052;border-color:#a4a4d4;box-shadow:0 3px 0 #a4a4d4}
.reye-design-page .reye-finder-search{border-radius:10px}
.reye-design-page .reye-finder-search .reye-button{min-height:52px}
.reye-design-page .reye-finder-search__keyword:focus-within{border-radius:6px;outline:2px solid #8277c3;outline-offset:-2px}
.reye-design-page .reye-finder-shortcuts a[aria-current=true]{background:#efefff;border-color:#a4a4d4;color:#303052}
.reye-design-page .reye-compare-add{min-height:44px;padding:8px 10px;border:1px solid #c5c5df;border-radius:6px;color:#514788;background:#fff;margin-top:8px}
.reye-design-page .reye-compare-add[aria-pressed=true]{background:#efefff;border-color:#8277c3;color:#303052}
.reye-design-page .reye-finder-sort button{min-height:44px;border-radius:6px}
.reye-design-page .reye-finder-card__action>.reye-button{font-size:13px;min-height:48px}
.reye-design-page .reye-detail-tabs-ready .reye-detail-jumps{border-bottom-color:#a4a4d4}
.reye-design-page .reye-detail-jumps button[aria-selected=true]{background:#ccccff;color:#303052;border-color:#a4a4d4}
.reye-design-page .reye-mobile-menu{border-top-color:#ccccff;border-radius:12px}
.reye-design-page .reye-mobile-menu nav a{min-height:50px;border-radius:8px;font-weight:700}
.reye-design-page .reye-menu-button{border-radius:8px}
.reye-design-page .reye-faq-list details{border-radius:8px}
.reye-design-page .reye-faq-list details[open] summary{background:#f3f3ff}
@media(hover:hover){
 .reye-design-page .reye-button:not(:disabled):not([aria-disabled=true]):hover,
 .reye-design-home .reye-explore__submit:hover{transform:translateY(-1px)}
 .reye-design-page .reye-button:not(:disabled):active,
 .reye-design-home .reye-explore__submit:active{transform:translateY(3px)}
}
@media(max-width:700px){
 .reye-design-page .reye-site-header .reye-site-logo>span{font-size:9px}
 .reye-design-home .reye-explore h1{font-size:27px;line-height:1.6}
 .reye-design-home .reye-explore__lead{font-size:12px}
 .reye-design-home .reye-explore .reye-concerns legend{font-size:14px}
 .reye-design-home .reye-concern strong{font-size:13px}
 .reye-design-home .reye-concern small{font-size:9px}
 .reye-design-home .reye-concern__bubble{padding:11px 10px 11px 8px;min-height:88px}
 .reye-design-home .reye-concern__check{right:6px;top:9px;width:14px;height:14px}
 .reye-design-home .reye-concern input:checked+.reye-concern__bubble .reye-concern__check{border-width:4px}
 .reye-design-home .reye-explore__hint{font-size:11px;line-height:1.7}
 .reye-design-home .reye-explore .reye-explore__finder{border-radius:12px}
 .reye-design-home .reye-explore-map__region{min-height:44px;font-size:11px}
 .reye-design-home .reye-explore-map__prefs button{font-size:12px;padding:5px 8px}
 .reye-design-home .reye-explore-map:has(.reye-explore-map__panel:not([hidden])){height:210px}
 .reye-design-home .reye-explore__fields input,.reye-design-home .reye-explore__fields select{font-size:16px}
 .reye-design-home .reye-explore__fields label{font-size:12px}
 .reye-design-home .reye-explore__submit{min-height:54px;padding:12px}
 .reye-design-home .reye-explore__submit span{font-size:16px}
 .reye-design-home .reye-explore__selection{font-size:11px}
 .reye-design-page .reye-region-card .reye-button{font-size:11px;padding:8px 5px;min-height:44px;gap:3px}
 .reye-design-page .reye-site-sticky .reye-button{min-height:48px;border-radius:8px}
 .reye-design-page .reye-finder-card__action>.reye-button{font-size:12px;padding:10px 7px}
 .reye-design-page .reye-compare-add{font-size:12px;padding:8px;gap:6px}
 .reye-design-page .reye-compare-tray__action>.reye-button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .reye-design-page .reye-button,.reye-design-home .reye-explore__submit,.reye-design-home .reye-concern__bubble{transition:none;transform:none!important}
}