*{box-sizing:border-box}html{color:#111;background:#fff;font:16px/1.5 Helvetica,Arial,sans-serif}body{margin:0}a{color:inherit;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}header,main,footer{max-width:1180px;margin:auto;padding:32px 36px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #111}header a{font-size:20px;font-weight:700;text-decoration:none}header nav a{font-size:14px;font-weight:400}h1{font-size:clamp(32px,5vw,60px);line-height:1.1;letter-spacing:-.045em;margin:28px 0 14px}h2{font-size:24px;letter-spacing:-.025em;line-height:1.2}p{margin:10px 0}.sub,.date,.domain{font-size:14px;color:#555}.tools{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 40px}input,select{font:inherit;color:#111;background:#fff;border:1px solid #aaa;border-radius:0;padding:11px 12px}input{flex:1;min-width:200px}select{max-width:100%}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.card{min-width:0;border-top:1px solid #111;padding-top:15px}.card img{display:block;width:100%;height:auto;aspect-ratio:1280/850;object-fit:cover;object-position:top;border:1px solid #ddd;margin:16px 0 22px}.card h2{margin:10px 0;overflow-wrap:anywhere}.card h2 a{text-decoration:none}.card h2 a:hover{text-decoration:underline}.card p{max-width:65ch}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.tag{font-size:12px;border:1px solid #bbb;padding:3px 8px}.source{font-size:12px;color:#555}.domain{overflow-wrap:anywhere}.list{border-top:1px solid #111;margin:36px 0}.row{display:flex;gap:16px;align-items:baseline;justify-content:space-between;border-bottom:1px solid #ddd;padding:19px 0;text-decoration:none}.row strong{font-size:22px}.row span{color:#555}.yearlinks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:22px 0 48px}.weeknav{display:flex;justify-content:space-between;gap:20px;margin:24px 0}.weeknav a{border:1px solid #111;padding:10px 14px;text-decoration:none}.weeknav a:hover{text-decoration:underline}.weeknav a[rel="next"]{margin-left:auto}.missing{margin-top:64px;border-top:1px solid #111;padding-top:20px}.missing article{border-top:1px solid #ddd;padding:16px 0}.missing h2{font-size:18px}.empty{padding:30px 0}footer{font-size:12px;color:#555;border-top:1px solid #ddd;margin-top:60px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:24px 20px}.grid{grid-template-columns:1fr;gap:36px}.row strong{font-size:18px}.row{align-items:flex-start}.tools{margin-bottom:28px}h1{margin-top:20px}.card h2{font-size:23px}}header.site-header{max-width:none;margin:0;padding:0 20px;border-bottom:1px solid #ced3d4;display:block}header .site-tabs{max-width:1180px;min-height:60px;margin:auto;display:flex;align-items:stretch;gap:0}header .site-tabs a{display:flex;align-items:center;padding:0 17px;border-bottom:3px solid transparent;color:#1c2427;text-decoration:none;font-size:15px;font-weight:400;white-space:nowrap}header .site-tabs a:hover{background:#f3f5f5}header .site-tabs a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #0c557a;outline-offset:-4px}header .site-tabs a[aria-current=page]{border-bottom-color:#111d40;font-weight:700}header .site-tabs .site-brand{gap:10px;padding-left:0;padding-right:25px;font-weight:700}header .site-brand img{display:block;width:40px;height:40px;object-fit:contain}@media(max-width:620px){header.site-header{padding:0 14px}header .site-tabs{min-height:56px}header .site-tabs a{padding:0 10px;font-size:14px}header .site-tabs .site-brand{padding-right:12px}header .site-brand img{width:32px;height:32px}}
main{max-width:1540px}
header .site-tabs{max-width:1540px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px}
.card img{margin:12px 0 14px}
.card h2{font-size:20px;line-height:1.25}
.card p{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
@media(max-width:1199px){
 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .card h2{font-size:18px}
}
@media(max-width:639px){
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
 .card{padding-top:10px}
 .card img{margin:9px 0 11px}
 .card h2{font-size:16px;line-height:1.3;margin:7px 0}
 .card p{font-size:13px;line-height:1.4}
 .card .date,.card .domain{font-size:12px}
 .card .tags{gap:4px;margin:11px 0}
 .card .tag{font-size:11px;padding:2px 5px}
}
.about-page{max-width:760px}
.about-page h1{font-size:clamp(30px,3vw,40px);letter-spacing:-.03em;margin:0 0 24px}
.about-page p{font-size:18px;line-height:1.55;margin:0 0 18px}
@media(max-width:639px){.about-page p{font-size:16px}}
.card{transition:background-color .12s ease}
.card:hover,.card:focus-within{background:#f3f5f5}
.card-link{display:block;color:inherit;text-decoration:none}
.card-link:focus-visible{outline:2px solid #111d40;outline-offset:3px}
.card-link:hover h2,.card-link:focus-visible h2{text-decoration:underline}
.card .relation{font-size:12px;color:#52606b;margin:12px 0 0}
.link-page{max-width:1040px}
.link-page h1{font-size:clamp(30px,3vw,42px);letter-spacing:-.03em;line-height:1.18;margin:22px 0 10px;overflow-wrap:anywhere}
.link-page .back{font-size:14px;margin:0 0 16px}
.detail-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.detail-nav .steps{display:flex;gap:8px}
.detail-nav .nav-button{display:inline-block;border:1px solid #111;border-radius:0;background:#fff;padding:10px 14px;color:#111;text-decoration:none;font:14px/1.5 Helvetica,Arial,sans-serif;white-space:nowrap}
.detail-nav .nav-button:hover,.detail-nav .nav-button:focus-visible{background:#f3f5f5;text-decoration:underline}
.detail-nav .nav-button:disabled{color:#888;border-color:#ccc;background:#f5f5f5;cursor:default}
.link-page .detail-domain{color:#555;font-size:14px;margin:0 0 20px;overflow-wrap:anywhere}
.link-page .external-link{display:inline-block;border:1px solid #111;padding:10px 14px;color:#111;text-decoration:none}
.link-page .external-link:hover,.link-page .external-link:focus-visible{background:#f3f5f5;text-decoration:underline}
.detail-shot{margin:0 0 14px;max-width:640px}
.detail-shot img{display:block;width:100%;height:320px;object-fit:cover;object-position:top;border:1px solid #ddd}
.external-action{margin:0 0 28px}
.detail-summary{font-size:18px;line-height:1.55;max-width:75ch}
.detail-section{border-top:1px solid #bbb;margin-top:34px;padding-top:20px}
.detail-section h2{font-size:23px;margin:0 0 14px}
.detail-section p{max-width:75ch}
.detail-section .grid{margin-top:22px}
.detail-section .saved-list{list-style:none;margin:0;padding:0}
.saved-list li{padding:7px 0;border-bottom:1px solid #e3e3e3}
.comment{border-top:1px solid #ddd;padding:12px 0}
.comment p{white-space:pre-wrap;margin:5px 0}
.comment time{font-size:13px;color:#555}
.link-page a.tag{text-decoration:none;color:#111}
.link-page a.tag:hover,.link-page a.tag:focus-visible{text-decoration:underline;background:#f3f5f5}
@media(max-width:639px){.link-page .detail-summary{font-size:16px}.detail-section h2{font-size:20px}.detail-shot img{height:200px}.detail-nav .nav-button{padding:8px 10px}}
.card img[src$="9e8c42288ca4.jpg"],.detail-shot img[src$="9e8c42288ca4.jpg"]{object-fit:contain;background:#080909}