/* Page-level rhythm and surface refinements; content and export styles stay intact. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media screen{
 body.yq-site{background-color:#fcfcfa;background-image:linear-gradient(90deg,rgba(158,231,246,.055) 1px,transparent 1px),linear-gradient(rgba(255,172,207,.045) 1px,transparent 1px);background-size:40px 40px}
 .yq-site .site-header{padding-block:12px;border-bottom:1px solid var(--soft-line)}
 .yq-site .site-nav{font-size:13px;font-weight:700;gap:clamp(16px,2.5vw,30px)}
 .yq-site .site-nav a{padding-block:8px;text-underline-offset:7px}
 .yq-site .site-nav a:hover,.yq-site .site-nav a:focus-visible{text-decoration:underline;text-decoration-color:var(--ink)}
 .yq-site .hero{max-width:1360px;margin-inline:auto;padding-top:36px;background:transparent}
 .yq-site #hero-title{font-size:clamp(32px,5.4vw,76px);line-height:1.22;margin-bottom:16px}
 .yq-site #hero-title.is-compact{font-size:clamp(28px,4.8vw,64px)}
 .yq-site .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:64em}
 .yq-site .hero-slideshow{height:clamp(360px,35vw,480px);border:1px solid var(--line);box-shadow:4px 4px 0 rgba(17,17,17,.08)}
 .yq-site :is(.themes-section,.entry-section,.questions-section,.ask-section){padding-top:64px}
 .yq-site :is(.themes-section,.questions-section,.reader-section)::before{display:none}
 .yq-site .section-heading{gap:8px 16px;margin-bottom:22px}
 .yq-site .section-heading .eyebrow{margin:0;font-size:10px;letter-spacing:.16em;font-weight:700}
 .yq-site .section-heading h2{font-size:clamp(25px,3.2vw,40px);line-height:1.35;letter-spacing:-.025em}
 .yq-site .result-count{margin:0 0 3px;font-size:13px;font-weight:600}
 .yq-site .theme-grid{border:0;gap:10px}
 .yq-site .theme-card{min-height:138px;padding:16px;border:1px solid rgba(17,17,17,.24);border-radius:10px}
 .yq-site .theme-card strong{font-size:clamp(21px,2.2vw,28px);line-height:1.3}
 .yq-site .theme-card small{font-size:11px;font-weight:500}
 .yq-site .theme-card>span{font-size:10px;opacity:.65}
 .yq-site .theme-card.is-active{outline:2px solid var(--ink);outline-offset:-2px;background:var(--cream);box-shadow:none}
 .yq-site .theme-card.is-active::after{content:"選択中";top:12px;right:12px;padding:3px 6px;border:0;border-radius:4px;background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:0;font-weight:500}
 .yq-site .theme-card:hover,.yq-site .theme-card.is-active:hover{box-shadow:0 4px 12px rgba(17,17,17,.08)}
 .yq-site .entry-grid{gap:16px}
 .yq-site .entry-panel,.yq-site .entry-panel:nth-child(2){padding:22px;border:1px solid var(--soft-line);border-top:3px solid var(--yellow);border-radius:10px;background:var(--paper);box-shadow:none}
 .yq-site .entry-panel:nth-child(2){border-top-color:var(--cyan)}
 .yq-site .entry-panel>span{margin-bottom:6px;font-size:10px;font-weight:600}
 .yq-site .entry-panel h3{margin-bottom:12px;font-size:19px;line-height:1.5}
 .yq-site .entry-list{gap:0}
 .yq-site .entry-list button{min-height:54px;padding:12px 0;border:0;border-bottom:1px solid var(--soft-line);background:transparent;box-shadow:none;gap:12px}
 .yq-site .entry-list button:last-child{border-bottom:0}
 .yq-site .entry-list button:hover,.yq-site .entry-list button:focus-visible{background:var(--cream);box-shadow:none;transform:none}
 .yq-site .entry-list strong{font-size:14px;font-weight:700;line-height:1.6}
 .yq-site .entry-list span{font-size:10px;font-weight:500;letter-spacing:0}
 /* One control row on desktop; the status only appears when filters are active. */
 .yq-site .question-tools.u039{grid-template-columns:minmax(0,1fr) minmax(400px,1.05fr);align-items:start;gap:10px 20px;padding:16px;margin-bottom:18px;border:1px solid var(--soft-line);border-radius:12px;background:var(--paper);box-shadow:none}
 .yq-site .question-search.u027{width:100%;max-width:100%;min-width:0}
 .yq-site .question-tools .u039-tabs{max-width:none;margin-top:5px}
 .yq-site .question-tools .search-status{grid-column:1/-1;padding-top:10px;font-size:12px;line-height:1.5}
 .yq-site #questions .faq-list{gap:8px;padding:3px 4px 6px}
 .yq-site #questions .faq-item{border:1px solid rgba(17,17,17,.24);border-radius:8px;box-shadow:none}
 .yq-site #questions .faq-item.is-selected{background:var(--cream)}
 .yq-site #questions .faq-item:hover{box-shadow:0 3px 10px rgba(17,17,17,.06);transform:none}
 .yq-site #questions .faq-question{min-height:76px;padding:16px 20px;gap:20px}
 .yq-site #questions .faq-question strong{font-size:clamp(16px,1.45vw,19px);line-height:1.6;font-weight:700}
 .yq-site #questions .faq-category{font-size:10px;font-weight:600;letter-spacing:.04em}
 .yq-site #questions .faq-icon{min-width:52px;min-height:32px;border:1px solid var(--soft-line);border-radius:6px;font-size:11px;font-weight:600;background:var(--paper)}
 .yq-site .ask-section{gap:clamp(24px,5vw,64px);padding-bottom:56px}
 .yq-site .ask-section h2{font-size:clamp(24px,3vw,38px);line-height:1.5;max-width:14em;margin-bottom:18px}
 .yq-site .ask-section>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}
 .yq-site .ask-form{padding:24px;border:1px solid var(--soft-line);border-radius:12px;box-shadow:none;background:var(--paper);gap:16px}
 .yq-site .ask-form label{font-size:13px;font-weight:600;gap:6px}
 .yq-site .ask-form :is(input,textarea){border:1px solid rgba(17,17,17,.24);border-radius:6px;padding:12px;font-size:16px}
 .yq-site .ask-form button{min-height:48px;border:1px solid var(--ink);border-radius:6px;box-shadow:none;font-size:14px}
 .yq-site .site-footer{border-top:1px solid var(--soft-line);padding-block:24px;background:var(--paper)}
 .yq-site .site-footer strong{font-size:18px}
 .yq-site .site-footer-rights{font-weight:400}
 .yq-site a:focus-visible,.yq-site button:focus-visible,.yq-site .ask-form :is(input,textarea):focus-visible{outline:2px solid #6a57f2;outline-offset:3px}
 @media(max-width:900px){
  .yq-site .question-tools.u039{grid-template-columns:1fr;gap:10px;padding:12px}
  .yq-site .question-tools .u039-tabs{margin-top:0}
  .yq-site .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .yq-site .theme-card{min-height:120px}
 }
 @media(max-width:640px){
  .yq-site .site-header{padding:10px 14px;gap:8px}
  .yq-site .site-nav{gap:12px;font-size:11px}
  .yq-site .hero{padding:24px 14px 0}
  .yq-site #hero-title{font-size:clamp(25px,6.8vw,40px)}
  .yq-site #hero-title.is-compact{font-size:clamp(22px,5.3vw,32px)}
  .yq-site .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}
  .yq-site .hero-slideshow{height:360px}
  .yq-site :is(.themes-section,.entry-section,.questions-section,.ask-section){padding-top:40px}
  .yq-site .section-heading{grid-template-columns:minmax(0,1fr) auto;margin-bottom:16px;gap:6px 12px}
  .yq-site .section-heading h2{font-size:25px;line-height:1.4}
  .yq-site .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .yq-site .theme-card{min-height:110px;padding:14px}
  .yq-site .theme-card:first-child{grid-column:1/-1;min-height:64px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px}
  .yq-site .theme-card:first-child strong{align-self:center}
  .yq-site .theme-card:first-child.is-active::after{display:none}
  .yq-site .entry-grid{grid-template-columns:1fr;gap:12px}
  .yq-site .entry-panel{padding:18px}
  .yq-site .entry-list button{grid-template-columns:1fr;gap:4px;min-height:60px}
  .yq-site #questions .faq-question{min-height:80px;padding:14px;gap:8px}
  .yq-site #questions .faq-question strong{font-size:16px;line-height:1.65}
  .yq-site .ask-section{grid-template-columns:1fr;gap:20px;padding-bottom:32px}
  .yq-site .ask-section h2{font-size:26px;max-width:none}
  .yq-site .ask-form{padding:18px}
 }
}