.thinking-box{background:#fff;color:#111;padding:clamp(24px,5vw,80px);border-top:1px solid #111;font-family:Arial,"Hiragino Kaku Gothic ProN",sans-serif;overflow-wrap:anywhere}
.thinking-box *{box-sizing:border-box}.thinking-box [hidden]{display:none!important}
.thinking-box a{color:inherit;text-underline-offset:5px}.thinking-box :is(a,button,select):focus-visible,.thought-archive a:focus-visible{outline:3px solid #111;outline-offset:5px}
.thought-intro>p:first-child{font:12px/1.7 Arial,sans-serif;letter-spacing:.12em}
.thought-intro :is(h1,h2){font:400 clamp(48px,8vw,110px)/.92 Didot,"Bodoni 72","Times New Roman",serif;letter-spacing:-.045em;margin:28px 0 20px}
.thought-intro .thought-ja{font-size:18px}.thought-intro>p:last-child{font:17px/1.9 "Yu Mincho",serif}.thought-line{display:block}
.thought-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:32px 0 20px}.thought-controls :is(a,button){min-height:44px;display:inline-flex;align-items:center}
.thought-controls button{background:#111;color:#fff;border:1px solid #111;padding:12px 20px;font:inherit;font-size:14px;line-height:1.5;cursor:pointer}
.thinking-box [role=status]{font-size:14px;line-height:1.7;margin:16px 0 24px}
.thought-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.thought-card{border:1px solid #111;padding:24px;background:#fff;color:#111;min-width:0}
.thought-card header{display:flex;gap:20px;align-items:center;border-bottom:1px solid #111;padding-bottom:20px}.thought-letter{font:400 112px/.8 Didot,"Times New Roman",serif;flex-shrink:0}
.thought-card header p{font:12px/1.8 Arial,sans-serif;letter-spacing:.07em;margin:0 0 10px}.thought-card small{font:11px/1.6 Arial,sans-serif;display:block;overflow-wrap:anywhere}
.thought-state{font-size:12px;margin:20px 0 10px}.thought-card h3{font:500 22px/1.6 "Yu Mincho",serif;text-wrap:balance;margin:0 0 24px;line-break:strict;overflow-wrap:normal}
.thought-prose{font:17px/1.95 "Yu Mincho","Hiragino Mincho ProN",serif;line-break:strict;overflow-wrap:normal}.thought-prose p{margin:0 0 1em}
.thought-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.7;border-top:1px solid #111;padding-top:20px;margin-top:32px}
.thought-card footer{display:grid;gap:12px;font:12px/1.8 Arial,sans-serif;margin-top:24px}.thought-card footer a{display:flex;align-items:center;min-height:44px}
.thought-note{font:14px/1.9 "Yu Mincho",serif;max-width:45em;margin-top:32px}
.thought-archive{margin:0;background:#fff;color:#111}.thought-archive>nav,.thought-back{display:block;padding:20px 5vw;color:inherit}.thought-filter{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:32px 0}.thought-filter select{min-height:44px;max-width:100%;font-size:16px;padding:8px;border:1px solid #111;background:#fff;color:#111}
@media(max-width:1100px){.thought-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.thought-grid{grid-template-columns:1fr}.thought-card{padding:24px}.thought-intro :is(h1,h2){font-size:clamp(44px,12vw,80px)}.thought-controls{align-items:stretch;flex-direction:column}.thought-controls a{font-size:14px}.thought-prose{font-size:17px}}
@media(prefers-reduced-motion:reduce){.thinking-box *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.thought-card h3 span{display:block}

.thought-page-footer{padding:24px 5vw;border-top:1px solid #111;font:12px/1.8 Arial,sans-serif}.thought-archive>nav a{color:inherit}
.thought-chronology .thought-grid{padding:2rem 0}.thought-chronology .thought-card{scroll-margin-top:5rem}