:root{font:18px/1.7 system-ui,sans-serif;color:#183047;background:#f5f7f9}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{border-bottom:2px solid #becdd8}header>a{font-weight:700;font-size:1.3rem}main{min-height:65vh}footer{border-top:1px solid #becdd8;font-size:.9rem}a{color:#155298;text-underline-offset:3px}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #a54909;outline-offset:4px}h1{font-size:1.9rem}h1,h2,h3,h4{line-height:1.4}h2{font-size:1.3rem}p,li,dd,h1,h2,h3,a{overflow-wrap:anywhere}form,article,section{background:white;border:1px solid #c5d1dc;border-radius:8px;padding:20px;margin:18px 0}form label{display:block;font-weight:700;margin-top:12px}input{display:block;width:100%;max-width:650px;padding:10px;border:1px solid #597388;border-radius:4px;font:inherit}button,.next{display:inline-block;padding:10px 18px;font:inherit;margin:8px 12px 8px 0}button{background:#19547d;color:white;border:0;border-radius:4px;cursor:pointer}dt{font-weight:700}dd{margin:0 0 12px}li{margin:10px 0}.skip{position:absolute;left:-9999px}.skip:focus{position:static;padding:12px} @media(max-width:500px){header,main,footer{padding:16px}form,article,section{padding:14px}h1{font-size:1.5rem}}

body>nav{max-width:1050px;margin:auto;padding:16px 24px}nav[aria-label="パンくず"] ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;font-size:.9rem}nav[aria-label="パンくず"] li+li:before{content:"› ";}h4{overflow-wrap:anywhere}
.share {border-top:1px solid #aaa;margin-top:2rem;padding-top:1rem}.share input{width:100%;box-sizing:border-box;min-width:0}.share button{padding:.65rem;margin:.2rem}button[hidden]{display:none}

.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}.comparison-card{border:1px solid #bbb;padding:1rem;min-width:0}.comparison-card dd,.credit-target{overflow-wrap:anywhere}

.sort-form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;padding:.8rem;border:1px solid #b8cbd8;border-radius:.5rem;background:#fff}.sort-form select{font:inherit;padding:.45rem;max-width:100%}.sort-form small{flex-basis:100%;color:#41596b}

/* Shared preference and compact search: keep results within reach. */
.format-bar{max-width:1002px;margin:0 auto;padding:12px 20px;border-color:#8ba5b8;background:#edf4f8}.format-bar fieldset{border:0;padding:0;margin:0;min-width:0}.format-bar legend{font-weight:700;padding:0}.format-buttons{display:flex;flex-wrap:wrap;gap:8px}.format-buttons button{margin:4px 0;padding:8px 14px;background:white;color:#19547d;border:2px solid #8ba5b8;min-height:44px}.format-buttons button[aria-pressed=true]{background:#19547d;color:white;border-color:#19547d;font-weight:700}.format-bar small{display:block;font-size:.8rem}.search-fields{display:grid;grid-template-columns:2fr 1fr;gap:18px}.search-form label{margin-top:0}.search-hint{font-size:.9rem;margin:8px 0}.search-form details{font-size:.85rem}.search-form summary{cursor:pointer}.field-error{color:#9d261c;font-weight:700;margin:6px 0}input[aria-invalid=true]{border:2px solid #9d261c}.work-context{font-size:.85rem;color:#41596b}.work-context br:first-child{display:none}.notice{padding:12px;border-left:4px solid #19547d;background:#edf4f8}select:focus-visible,summary:focus-visible{outline:3px solid #a54909;outline-offset:4px}.sort-form{padding:10px 14px}.sort-form label{margin:0}.sort-form button{margin:0}.sort-form small{font-size:.8rem}.sort-form:has(+p){margin-bottom:12px}
@media(max-width:600px){.format-bar{margin:0 16px;padding:10px 12px}.format-buttons{gap:6px}.format-buttons button{padding:8px;font-size:.85rem}.search-fields{grid-template-columns:1fr;gap:10px}.format-bar small{font-size:.75rem}.sort-form{gap:8px}body>nav{padding:12px 16px}}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;padding-bottom:14px}header p{margin:0;font-size:.8rem}header>a{font-size:1.15rem}body>nav{padding-top:10px;padding-bottom:10px}main{padding-top:12px}main>h1{margin-top:16px;margin-bottom:18px}.search-form{margin-top:12px;padding-top:14px;padding-bottom:14px}.format-bar{padding-top:8px;padding-bottom:8px}
.home-entries,.adjacent-links{display:flex;flex-wrap:wrap;gap:12px}.home-entries a,.adjacent-links a{display:block;padding:12px 16px;background:#edf4f8;border:1px solid #8ba5b8;border-radius:6px;min-height:44px}.adjacent small{font-size:.8rem}body>nav a{display:inline-flex;align-items:center;min-height:44px;padding:4px 6px}.book details{margin:12px 0}.book summary{cursor:pointer;color:#155298}.book details>p{font-size:.85rem}@media(max-width:360px){header>a{font-size:1rem}}

/* Explicit controls, compact first viewport, responsive without shrinking targets. */
.primary-search{display:flex;gap:8px;align-items:center}.primary-search input{min-width:0;flex:1}.primary-search button{margin:0;min-height:44px;white-space:nowrap}.extra-search summary{display:flex;align-items:center;min-height:44px}.extra-search summary::before{content:'▸ ';margin-right:6px}.extra-search[open] summary::before{content:'▾ '}.extra-search p{margin:8px 0}.clear-search{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}.sort-help{flex-basis:100%;font-size:.8rem}.sort-help summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.sort-help summary::before{content:"+";margin-right:6px}.sort-help[open] summary::before{content:"−"}.sort-help small{display:block}.sort-form select{min-height:44px;min-width:0;flex:1}.sort-form button{min-height:44px}.book-basics p{margin:8px 0}.adjacent{margin:14px 0;padding:12px 0;border-top:1px solid #c5d1dc;border-bottom:1px solid #c5d1dc}.adjacent-links{gap:8px}.adjacent-links a{padding:8px 12px}.bibliography summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#155298}.bibliography summary::before{content:'▸ ';margin-right:6px}.bibliography[open] summary::before{content:'▾ '}
@media(max-width:600px){header{padding-top:8px;padding-bottom:8px;gap:2px}body>nav{padding-top:4px;padding-bottom:4px;display:flex;flex-wrap:wrap;gap:0;font-size:.85rem}body>nav a{padding:4px}.format-bar{padding:6px 10px}.format-bar legend{font-size:.9rem}.format-buttons{gap:4px}.format-buttons button{padding:6px;font-size:.8rem}.format-bar small{font-size:.75rem}main>h1{margin:10px 0;font-size:1.4rem}main{padding-top:6px}.search-form{margin:8px 0;padding:10px}.search-form label{font-size:.9rem}.sort-form{margin:8px 0;padding:8px;gap:6px}.sort-form label{font-size:.85rem}.sort-form select{font-size:.9rem}.sort-form button{padding:8px 12px}.book{margin:12px 0}.book h2{margin-top:0}nav[aria-label="パンくず"] ol{margin:4px 0}nav[aria-label="パンくず"] li{margin:2px 0}}

.extra-search summary::before,.bibliography summary::before{content:'';display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;flex-shrink:0}.extra-search[open] summary::before,.bibliography[open] summary::before{content:'';transform:rotate(90deg)}

.author-books,.alternate-volume>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #8ba5b8;border-radius:6px;background:#edf4f8}.alternate-volume{margin-top:12px;border-top:1px dashed #8ba5b8;padding-top:8px}.alternate-volume p{margin:6px 0;font-size:.9rem}main>details>summary{min-height:44px;cursor:pointer;display:flex;align-items:center}main>details>summary::before{content:'+';margin-right:8px}main>details[open]>summary::before{content:'−'}

.filter-notice,.work-highlight{padding:.75rem;border:1px solid #9bb3c8;border-radius:.3rem;background:#edf4fa}.filter-notice a{display:inline-block;min-height:44px;line-height:44px}
