:root{--paper: #ffffff;--ink: #111111;--sub: #55585e;--blue: #1f6fd6;--yellow: #ffd91a;--green: #149a5a;--red: #e8392b;--red-text: #d92f22;--line: 1.5px solid var(--ink);--f-ui: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.8}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[hidden]{display:none!important}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.wrap{max-width:1040px;margin:0 auto;padding:22px max(16px,4vw) 56px;display:flex;flex-direction:column;gap:28px}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;border-bottom:var(--line);padding-bottom:12px}.name{font-weight:700;letter-spacing:.1em;font-size:15px;text-decoration:none}.nav{display:flex;gap:18px;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}.nav-a{text-decoration:none}.nav-a[aria-current=page]{border-bottom:var(--line)}.foot{border-top:var(--line);padding-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-family:var(--f-mono);font-size:12px;color:var(--sub)}.foot nav{display:flex;flex-wrap:wrap;gap:16px}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 28px}.lead{font-size:clamp(28px,5.2vw,54px);font-weight:700;line-height:1.22;margin:0;text-wrap:balance}.count{font-family:var(--f-mono);font-size:12px;line-height:1.5;letter-spacing:.04em}.count b{display:block;font-size:46px;font-weight:400;line-height:1;letter-spacing:-.04em}.tally{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px;max-width:150px}.tally i{width:9px;height:9px;transition:opacity .3s}.tally i.off{opacity:.14}[data-kind=文章]{--kind: var(--yellow)}[data-kind=子どもと]{--kind: var(--green)}[data-kind=場と仕事]{--kind: var(--red)}[data-kind=仕組み]{--kind: var(--blue)}.tally i{background:var(--kind, var(--blue))}.chipwrap{position:relative;padding-bottom:22px}.chips{display:flex;flex-wrap:wrap;row-gap:22px}.chips button{font:inherit;cursor:pointer;background:var(--paper);color:var(--ink);border:var(--line);border-radius:0;margin:0 -1.5px -1.5px 0;padding:4px 14px;font-size:13px;letter-spacing:.04em}.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.ball{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--red);transition:left .5s cubic-bezier(.3,1.3,.5,1),top .5s cubic-bezier(.3,1.3,.5,1)}@media(prefers-reduced-motion:reduce){.ball,.tally i{transition:none}}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 1.5px 1.5px 0}.sp{position:relative;min-width:0;border:var(--line);margin:0 -1.5px -1.5px 0}.sp a{display:flex;flex-direction:column;gap:8px;padding:14px 14px 16px;text-decoration:none;height:100%;overflow-wrap:anywhere}.sp a:hover h3{text-decoration:underline;text-underline-offset:4px}.fig{display:grid;place-items:center;aspect-ratio:4 / 3}.fig svg{width:42%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.fig img{max-width:100%;max-height:100%}.no{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;display:flex;align-items:center;gap:7px}.no:before{content:"";width:9px;height:9px;background:var(--kind, var(--blue))}.sp h3{margin:0;font-size:16px;line-height:1.4;font-weight:700;letter-spacing:.02em}.sp p{margin:0;font-size:12.5px;line-height:1.55;color:var(--sub)}.meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--sub)}.tag{background:var(--red-text);color:var(--paper);font-size:10.5px;font-weight:700;letter-spacing:.1em;padding:1px 7px}.sp .tag{position:absolute;top:14px;right:14px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.empty{margin:0;padding:28px 14px;border:var(--line);color:var(--sub)}.sheet{max-width:720px;display:flex;flex-direction:column;gap:22px}.sheet-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;border-bottom:var(--line);padding-bottom:8px;font-family:var(--f-mono);font-size:12px}.sheet-head .no{font-size:12px}.yomi{font-family:var(--f-mono);font-size:12px;color:var(--sub);letter-spacing:.08em;margin:-.6em 0 1.4em}.source{font-size:12.5px;color:var(--sub)}.sheet h1{margin:0;font-size:clamp(24px,4vw,36px);line-height:1.35;font-weight:700;text-wrap:balance}.plate{border:var(--line)}.plate .fig{aspect-ratio:16 / 9}.plate .fig svg{width:22%}.card{margin:0;border-top:var(--line)}.card>div{display:grid;grid-template-columns:6em minmax(0,1fr);gap:0 16px;padding:10px 0;border-bottom:1px solid var(--ink)}.card dt{font-size:12.5px;color:var(--sub);white-space:nowrap}.card dd{margin:0}.pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-family:var(--f-mono);font-size:12px}.prose{max-width:40em}.prose h2{font-size:20px;line-height:1.5;margin:2em 0 .6em}.prose h3{font-size:16px;margin:1.6em 0 .4em}.prose p,.prose ul,.prose ol{margin:0 0 1.2em}.prose img{max-width:100%;height:auto}.prose .card{margin-bottom:1.2em}.prose,.card dd{overflow-wrap:anywhere}.btn{display:inline-block;font:inherit;font-weight:700;cursor:pointer;background:var(--ink);color:var(--paper);border:var(--line);border-radius:0;padding:10px 22px;text-decoration:none;letter-spacing:.06em}.notice{border:var(--line);padding:12px 14px;margin:0}.form{display:flex;flex-direction:column;gap:16px;max-width:32em}.form label{display:block;font-size:13px}.form input,.form textarea{font:inherit;font-size:16px;padding:8px 10px;border:var(--line);border-radius:0;background:var(--paper);color:var(--ink);width:100%;display:block;margin-top:4px}.form .req{font-family:var(--f-mono);font-size:11px;color:var(--red-text);margin-left:6px}.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-error{border:1.5px solid var(--red);padding:10px 12px;margin:0}@media(max-width:480px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.sp a{padding:10px 10px 12px}.sp h3{font-size:14px}.card>div{grid-template-columns:4.5em minmax(0,1fr);gap:0 10px}}