:root{--c:#222;--bg:#fff;--mute:#667;--ac:#e8477f;--line:#e5e5ea}
@media(prefers-color-scheme:dark){:root{--c:#eee;--bg:#15151a;--mute:#9aa;--line:#33333a;--ac:#ff7aa6}}
*{box-sizing:border-box}body{margin:0;font:16px/1.9 -apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;color:var(--c);background:var(--bg)}
a{color:var(--ac)}header{border-bottom:1px solid var(--line)}header div,main,footer{max-width:760px;margin:0 auto;padding:0 16px}
header div{display:flex;justify-content:space-between;align-items:center;height:56px}header a{font-weight:700;text-decoration:none;color:var(--c)}
h1{font-size:1.55rem;line-height:1.5}h2{font-size:1.3rem;border-left:5px solid var(--ac);padding-left:12px;margin-top:2.2em}h3{font-size:1.1rem;margin-top:1.8em}
.meta{color:var(--mute);font-size:.85rem}.pr{font-size:.8rem;color:var(--mute);border:1px solid var(--line);padding:6px 10px;border-radius:6px}
table{border-collapse:collapse;width:100%;margin:1em 0;display:block;overflow-x:auto}td,th{border:1px solid var(--line);padding:8px 10px}th{background:rgba(128,128,160,.12)}
img{max-width:100%;height:auto}.eye{width:100%;border-radius:8px}ul.list{list-style:none;padding:0}ul.list li{padding:10px 0;border-bottom:1px solid var(--line)}
.c-balloon{display:flex;gap:12px;align-items:flex-start;margin:1.2em 0}.c-balloon__icon{flex:0 0 72px;text-align:center;font-size:.7rem}.c-balloon__iconImg{border-radius:50%;width:64px;height:64px;object-fit:cover}
.c-balloon__body{flex:1;background:rgba(128,128,160,.12);border-radius:12px;padding:6px 14px}
.swell-block-button a,.swell-block-button .swell-block-button__link{display:block;text-align:center;background:var(--ac);color:#fff!important;padding:12px;border-radius:8px;text-decoration:none;font-weight:700;margin:1em 0}
.swell-block-button{margin:1.2em 0}.swell-block-button.red_ .swell-block-button__link{background:#e60033}.swell-block-button.blue_ .swell-block-button__link{background:#2a7de1}.swell-block-button.green_ .swell-block-button__link{background:#2faa6b}.swell-block-button__link i{display:none}
.wp-block-group.has-border{border:2px solid var(--line);border-radius:8px;padding:6px 16px}.wp-block-group.is-style-big_icon_good{border:2px solid #2faa6b;border-radius:8px;padding:6px 16px}
.swell-block-postLink{margin:1em 0}.c-balloon.-bln-right{flex-direction:row-reverse}
.wp-block-columns{display:flex;gap:16px;flex-wrap:wrap}.wp-block-column{flex:1 1 240px}.wp-block-group{margin:1em 0}
.c-balloon__iconName{display:block;margin-top:2px}.c-balloon__body{border:1px solid var(--line)}.c-balloon[data-col=red] .c-balloon__body{background:rgba(232,71,127,.10)}.c-balloon[data-col=blue] .c-balloon__body{background:rgba(42,125,225,.10)}.c-balloon[data-col=green] .c-balloon__body{background:rgba(47,170,107,.10)}
#q{width:11em;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--c);font:inherit;font-size:.9rem}#qr{position:absolute;right:16px;top:52px;z-index:9;background:var(--bg);border:1px solid var(--line);border-radius:8px;max-width:min(420px,90vw);box-shadow:0 4px 16px rgba(0,0,0,.2)}#qr a{display:block;padding:8px 12px;text-decoration:none;color:var(--c);font-size:.9rem;border-bottom:1px solid var(--line)}#qr:empty{display:none}header{position:relative}
.related{margin-top:2.5em}.related h2{font-size:1.1rem}.pager{display:flex;justify-content:space-between;margin:1.5em 0}
.wide header div,.wide main,.wide footer{max-width:1180px}
.hero{padding:26px 0 6px}.hero h1{font-size:1.7rem;margin:0 0 6px}.hero p{margin:0 0 14px;color:var(--mute);line-height:1.7}
.chips a{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--c);margin:0 8px 8px 0;font-size:.9rem}.chips a:hover{border-color:var(--ac);color:var(--ac)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;list-style:none;padding:0;margin:14px 0}
.card{display:block;height:100%;text-decoration:none;color:var(--c);border:1px solid var(--line);border-radius:10px;overflow:hidden}.card:hover{border-color:var(--ac)}
.card img,.card .ph{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block;background:linear-gradient(135deg,#e8477f,#7b5cff)}
.card .t{padding:8px 10px 2px;font-size:.86rem;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact li{padding:7px 0;font-size:.92rem}.more{margin:1.2em 0;text-align:center}.card .m{padding:0 10px 10px;font-size:.78rem;color:var(--mute)}
.sec{display:flex;justify-content:space-between;align-items:baseline;margin-top:2em}.sec h2{margin:0}
footer{border-top:1px solid var(--line);margin-top:3em;padding:20px 16px;color:var(--mute);font-size:.85rem}