*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:#f4f6f9;color:#243044;font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85}a{color:#24599b;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#71354e}button,input,select{font:inherit}button{cursor:pointer}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #4878b5;outline-offset:4px}[hidden]{display:none!important}header,main,footer{max-width:1320px;margin:auto;padding:28px 32px}header{padding-top:48px;padding-bottom:12px}.eyebrow{font-size:14px;letter-spacing:.06em;color:#5d6d85}h1{font-size:36px;line-height:1.45;margin:14px 0 18px;letter-spacing:.01em;color:#263e68}header p{max-width:1030px;margin:10px 0}.summary-count{font-weight:700;color:#263e68;letter-spacing:.02em}.intro{color:#4c5b71}.header-bottom{display:flex;gap:24px;align-items:center;margin-top:18px;font-size:13px;color:#59687f}.method{background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:14px 20px;margin-top:24px}.method p{font-size:14px;max-width:1120px}.method summary{font-weight:700;cursor:pointer;color:#466486}.filters{border-top:1px solid #dfe5ee;border-bottom:1px solid #dfe5ee;padding:22px 0 12px}.toolbar{display:grid;grid-template-columns:minmax(230px,1fr) 245px 145px 195px;gap:14px;align-items:end}.control label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}input[type=search],select{font-size:15px;background:#fff;color:#243044;border:1px solid #b9c6d8;border-radius:7px;padding:10px 12px;width:100%;height:48px}input[type=search]::placeholder{color:#707b8d}.filter-bottom{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-top:18px}.theme-filter{border:0;padding:0;margin:0;min-width:0}.theme-filter legend{font-size:13px;font-weight:700;padding:0;margin-bottom:8px}.theme-filter legend span{font-size:12px;color:#59687f;font-weight:400;margin-left:8px}.theme-options{display:flex;gap:9px;flex-wrap:wrap}.theme-choice{position:relative;cursor:pointer}.theme-choice input{position:absolute;width:100%;height:100%;margin:0;opacity:0}.theme-choice>span{display:flex;align-items:center;gap:10px;min-height:42px;padding:5px 13px;border:1px solid #bfccdc;background:#fff;border-radius:30px;font-size:14px;font-weight:700;color:#435671}.theme-choice small{font-size:11px;opacity:.8;font-weight:400}.theme-choice input:checked+span{background:#263e68;color:#fff;border-color:#263e68}.theme-choice input:focus-visible+span{outline:3px solid #4878b5;outline-offset:3px}.quick-options{display:flex;gap:16px;align-items:center;flex-wrap:wrap}button{color:#243044;background:#fff;border:1px solid #b9c6d8;border-radius:7px;padding:9px 13px;font-size:14px;min-height:42px}button:hover{border-color:#5575a1;background:#f7faff}svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7;vertical-align:middle;flex-shrink:0}#bookmarks-only{display:flex;gap:8px;align-items:center;font-weight:700;white-space:nowrap}#bookmarks-only[aria-pressed=true]{background:#263e68;color:white;border-color:#263e68}#bookmark-count{font-size:12px;min-width:20px;background:#edf2fa;border-radius:12px;color:#263e68;text-align:center;padding:0 4px}label.check{font-size:13px;display:flex;gap:7px;align-items:center;white-space:nowrap;min-height:42px}input[type=checkbox]{accent-color:#263e68}.save-note{font-size:12px;color:#59687f;margin:14px 0 0}#storage-notice{font-size:13px;background:#fff4d7;padding:10px;border-radius:5px}.result-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 0}.results{font-size:14px;color:#536178;margin:0}.result-actions{display:flex;gap:10px;align-items:center}.result-actions select{height:40px;font-size:13px;width:220px;padding:6px 10px}.result-actions button{font-size:12px;min-height:40px;background:transparent;border-color:transparent;padding:6px 4px;color:#466486}.cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}article{background:white;border:1px solid #dfe5ee;border-radius:12px;padding:24px;scroll-margin-top:22px;overflow-wrap:anywhere}.card-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:#56647c}.number{font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:#526381}.rating{padding:2px 9px;border-radius:4px;background:#e9f1eb;color:#246036;font-weight:700;font-size:12px}.priority{color:#774f0b;background:#fff4d7;padding:2px 7px;border-radius:4px}.added{background:#eef2f7;color:#596b86;padding:2px 7px;border-radius:4px}.save{display:flex;gap:5px;align-items:center;white-space:nowrap;min-height:38px;font-size:12px;padding:7px 9px;border-color:#d8e0eb;color:#506583;background:#fff}.save[aria-pressed=true]{background:#edf2fa;border-color:#8ba5c8;color:#263e68;font-weight:700}.save[aria-pressed=true] svg{fill:#263e68}.category-label{font-size:12px;color:#66758d;margin-top:14px}article h2{font-size:21px;line-height:1.65;margin:5px 0 12px}article h2 a{color:#263e68;text-decoration:none}article h2 a:hover{text-decoration:underline}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.tag{font-size:11px;line-height:1.6;padding:2px 9px;border-radius:4px;background:#edf2fa;color:#3c567c}.tag[data-theme=自分]{background:#f6edf1;color:#825068}.tag[data-theme=創造]{background:#f9f1e6;color:#875d25}.tag[data-theme=探究]{background:#eaf2f0;color:#366b61}.sub{font-size:12px;color:#637087;line-height:1.8}article p{margin:16px 0}.idea{background:#edf2fa;border-left:3px solid #7393c4;padding:14px 17px;border-radius:4px}.idea b,.reason b{font-size:14px}.idea b span{font-size:12px;font-weight:400}.idea p{margin:5px 0 0}.reason{font-size:14px;color:#4a586e}details{font-size:14px}details summary{cursor:pointer;color:#466486}details ul{padding-left:22px}details a{overflow-wrap:anywhere}.small{font-size:12px;color:#647087}.empty{padding:36px 24px;text-align:center;background:#fff;border:1px solid #dfe5ee;border-radius:10px}.empty button{margin-top:4px}footer{font-size:12px;color:#637087;padding-top:40px;padding-bottom:54px}#back-top{display:inline-block;margin-left:20px}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:8px;z-index:10}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1120px){.toolbar{grid-template-columns:1fr 1fr}.quick-options{gap:12px}.filter-bottom{row-gap:16px}}
@media(max-width:820px){.cards{grid-template-columns:1fr}header,main,footer{padding-left:20px;padding-right:20px}h1{font-size:30px}header{padding-top:32px}.result-line{align-items:flex-start;flex-direction:column;gap:10px}.result-actions{justify-content:space-between;width:100%}.theme-filter legend span{display:block;margin:2px 0 0}article{padding:22px}.intro{font-size:15px}}
@media(max-width:480px){.toolbar{gap:12px}.search-control{grid-column:1/-1}.toolbar .control:last-child{grid-column:1/-1}.toolbar input,.toolbar select{font-size:14px}h1{font-size:27px}.eyebrow{font-size:11px}.summary-count{font-size:14px}.desktop-break{display:none}.method{padding:13px 16px}.method summary{font-size:13px}main{padding-top:18px}.filters{padding-top:18px}.theme-choice>span{padding:5px 11px;gap:7px}.theme-options{gap:7px}.quick-options{gap:10px}.save-note{line-height:1.9}.result-actions select{width:205px}.result-actions button{font-size:11px}.cards{gap:16px}article{padding:18px}article h2{font-size:19px}.meta{gap:6px}.number{font-size:12px}.rating{font-size:11px;padding:2px 7px}.priority,.added{font-size:10px;padding:2px 5px}.save{padding:7px}.idea{padding:13px 14px}footer{line-height:1.9}#back-top{margin-left:0;display:block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.filters,.result-actions,.method,.save,.header-bottom,.skip-link,#back-top{display:none}body{background:white;font-size:12px}.cards{display:block}article{break-inside:avoid;margin-bottom:16px}header,main{padding:12px}article h2{font-size:17px}}
