.tl-root{max-width:1100px;margin:auto;color:var(--ink)}.tl-root [hidden]{display:none!important}.tl-preview{font-size:11px;color:var(--sub);margin:0 0 14px}.tl-main-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:27px}.tl-main-tabs button{padding:14px 4px;background:none;border:0;border-bottom:3px solid transparent;font:14px var(--font-body);color:var(--sub);min-height:48px;cursor:pointer}.tl-main-tabs button[aria-pressed=true]{border-color:#49634c;color:#304e44}.tl-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.tl-intro>div>span{font-size:11px;letter-spacing:.12em;color:#899073}.tl-intro h2{font:27px/1.6 var(--font-display);margin:6px 0}.tl-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:30px;align-items:start}.tl-filters{display:flex;gap:8px;margin-bottom:19px}.tl-filters button{font:12px var(--font-body);min-height:42px;padding:9px 16px;border:1px solid #b8a88488;background:#f0e7d0;border-radius:5px;color:#627457;cursor:pointer}.tl-filters button[aria-pressed=true]{background:#36584c;color:#f6edce;border-color:#36584c}.tl-posts{display:grid;gap:22px}.tl-post{border:1px solid #bfa87c66;background:#f8f0df url('/design/kasatabi/paper-grain.svg');border-radius:8px;padding:24px;box-shadow:0 3px 6px #34482906}.tl-post-head{display:flex;align-items:center;gap:11px;margin-bottom:21px}.tl-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #b2ac8955;background:#dfd8bf;color:#65704e;font:19px var(--font-display);flex-shrink:0}.tl-post-head b{display:block;font-size:13px;font-weight:500}.tl-post-head small{display:block;font-size:10px;color:#8a8c74;margin-top:3px}.tl-kind{margin-left:auto;font-size:10px;color:#7b8865;border:1px solid #b6b08b66;border-radius:4px;padding:4px 7px;white-space:nowrap}.tl-post-badge{border-top:3px solid #a28a58}.tl-achievement{display:flex;align-items:center;gap:21px;padding:13px 15px;background:#e8e4cb88;border:1px solid #b8a77c44;border-radius:5px}.tl-medal{display:block;width:132px;height:132px;flex-shrink:0;background:url('/record-design/assets/collection-seals-v1.png') 0 0/300% 200%;clip-path:circle(39% at 50% 49%)}.tl-medal-rice{background-position:0 92.5%}.tl-achievement .tl-medal{margin:-6px -8px -6px -9px}.tl-eyebrow{font-size:10px;letter-spacing:.1em;color:#97815c}.tl-achievement h3{font:21px/1.7 var(--font-display);margin:7px 0}.tl-achievement p{font-size:12px;color:#758267;line-height:1.9;margin:7px 0}.tl-textlink{display:inline-flex;align-items:center;min-height:40px;background:none;border:0;color:#54704f;text-decoration:none;font:11px var(--font-body);padding:5px 0;cursor:pointer}.tl-textlink:hover{text-decoration:underline}.tl-note-title{font:20px/1.7 var(--font-display);margin:0 0 11px}.tl-note{font:16px/1.9 var(--font-body);color:#354a3b;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 17px}.tl-photo{width:100%;max-height:310px;object-fit:cover;border:5px solid #fff9e9;border-radius:3px;display:block}.tl-photo-label{display:block;font-size:10px;color:#8e907d;padding:5px 0}.tl-post-foot{border-top:1px solid #bbaa8450;padding-top:13px;margin-top:19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tl-reaction{display:inline-flex;align-items:center;min-height:42px;border:1px solid #b2ab8677;border-radius:20px;padding:9px 17px;background:none;font:12px var(--font-body);color:#6f7f59;cursor:pointer}.tl-reaction[aria-pressed=true]{background:#dae1c6;border-color:#8c9e6d;color:#425d38}.tl-aside{padding-top:61px}.tl-about{padding:25px 23px;border:1px solid #b8a78066;border-radius:5px;background:#e4deca55}.tl-about h3{font:24px/1.7 var(--font-display);margin:11px 0 15px}.tl-about p{font-size:12px;line-height:1.9;color:#7b846c;margin:0}.tl-share{padding:20px 0;border-bottom:1px solid #b8a78055;margin-top:20px}.tl-share summary{cursor:pointer;font-size:12px;min-height:34px}.tl-share label{display:flex;align-items:start;gap:9px;font-size:12px;margin-top:17px}.tl-share input{width:18px;height:18px;flex-shrink:0;accent-color:#456343}.tl-share p,.tl-share small{display:block;font-size:11px;color:#838875;line-height:1.9;margin:12px 0}.tl-status{font-size:12px;color:#557047;background:#e0e6cf;padding:11px 14px;border-radius:4px}.tl-small{font-size:11px;color:#81886f;line-height:1.9}#tl-dialog{background:#f6edd6 url('/design/kasatabi/paper-grain.svg');color:#395340;border:1px solid #b5a17a;border-radius:9px;width:min(530px,94vw);max-height:90dvh;overflow:auto;padding:24px}#tl-dialog::backdrop{background:#19363ab3;backdrop-filter:blur(3px)}.tl-dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b866c}.tl-dialog-top button{width:42px;height:42px;border:1px solid #b8a78077;background:#e7dcc0;border-radius:50%;font-size:26px;cursor:pointer}#tl-dialog-body>.tl-medal{width:180px;height:180px;margin:-6px auto}#tl-dialog h2{font:27px var(--font-display);margin:8px 0 16px;text-align:center}.tl-byline{text-align:center;font-size:12px;color:#788268}.tl-steps{list-style:none;padding:14px 0;border-block:1px solid #b8a78066;margin:22px 0}.tl-steps li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0}.tl-steps b{font-size:13px;font-weight:500}.tl-steps span{font-size:11px;color:#7d886d}.tl-root button:focus-visible,.tl-root a:focus-visible,.tl-root summary:focus-visible{outline:2px solid #a0763e;outline-offset:4px}
@media(max-width:1100px){.tl-layout{grid-template-columns:minmax(0,1fr) 208px;gap:20px}.tl-post{padding:20px}.tl-achievement{padding:10px;gap:14px}.tl-achievement .tl-medal{width:104px;height:104px}.tl-achievement h3{font-size:19px}}
@media(max-width:750px){.tl-layout{display:block}.tl-aside{padding-top:15px}.tl-about{display:none}.tl-share{margin-top:5px}.tl-intro{align-items:start;gap:10px}.tl-intro h2{font-size:24px}.tl-intro>.hy-btn{font-size:10px;min-height:40px;margin-top:8px}.tl-preview{font-size:10px}.tl-post{padding:19px 16px}.tl-post-head{gap:9px;margin-bottom:16px}.tl-post-head b{font-size:12px}.tl-post-head small{font-size:9px}.tl-kind{font-size:9px;padding:3px 5px}.tl-achievement{display:block;text-align:center;padding:12px 14px}.tl-achievement .tl-medal{width:118px;height:118px;margin:-9px auto -3px}.tl-achievement h3{font-size:20px}.tl-achievement p{font-size:12px;text-align:left}.tl-note{font-size:16px}.tl-note-title{font-size:19px}.tl-filters button{padding:9px 13px;font-size:11px}.tl-avatar{width:35px;height:35px}.tl-main-tabs{margin-bottom:22px}.tl-photo{max-height:240px}.tl-post-foot{gap:7px}.tl-post-foot>.tl-small{font-size:10px}#tl-dialog{padding:20px}.tl-share p{font-size:12px}}
/* The scope tabs already identify the feed; no second heading is needed. */
.tl-intro{justify-content:flex-end;margin-bottom:16px}.tl-main-tabs{margin-bottom:16px}.tl-aside{padding-top:0}.tl-share{margin-top:0}
@media(max-width:750px){.tl-intro>.hy-btn{font-size:12px;margin-top:0}.tl-aside{padding-top:16px}}