/* Shared post typography; the layout and bindings live in Breakdance template 116. */
.breakdance .toanweb-article-layout { display:grid; grid-template-columns:minmax(0,900px) 300px; align-items:start; gap:24px; width:100%; max-width:1224px; margin-inline:auto; }
.breakdance .toanweb-article-layout .toanweb-story { margin:0; min-width:0; }
.breakdance .toanweb-article-layout:not(:has(.toanweb-article-sidebar)) { grid-template-columns:minmax(0,900px); max-width:900px; }
.breakdance .toanweb-article-layout:not(:has(.toanweb-article-sidebar)) .toanweb-article-sidebar-slot { display:none; }
.breakdance .toanweb-article-sidebar-slot { min-width:0; position:sticky; top:calc(var(--wp-admin--admin-bar--height,0px) + 24px); }
.toanweb-article-sidebar-slot:not(:has(*)),.toanweb-article-author-slot:not(:has(*)),.toanweb-article-recommended-slot:not(:has(*)) { display:none; }
.toanweb-story-date { color:var(--ph-muted); font-size:13px; }
.toanweb-story-intro:empty,.toanweb-story-media:empty,.toanweb-story-credit:empty { display:none; }
.breakdance .toanweb-story-media { width:100%; }
.breakdance .toanweb-story-media img.toanweb-story-cover { display:block; width:100%; height:auto; border-radius:12px; }
.breakdance .toanweb-story-credit { font-size:12px; line-height:1.6; color:var(--ph-muted); }
.breakdance .toanweb-story-body { width:100%; overflow-wrap:anywhere; }
.toanweb-story-body > :first-child { margin-top:0; }
.toanweb-story-body > :last-child { margin-bottom:0; }
.toanweb-story-body :is(p,ul,ol,blockquote,figure) { margin:0 0 24px; }
.breakdance .toanweb-story-body :is(h2,h3,h4) { color:var(--ph-ink); line-height:1.4; font-weight:700; text-transform:none; margin:32px 0 16px; }
.toanweb-story-body h2 { font-size:26px; }
.toanweb-story-body h3 { font-size:22px; }
.toanweb-story-body h4 { font-size:18px; }
.breakdance .toanweb-story-body a,.breakdance .toanweb-story-body a:visited { color:var(--ph-brand); text-decoration:underline; }
.toanweb-story-body :is(img,video,iframe) { max-width:100%; }
.toanweb-story-body img { height:auto; border-radius:10px; }
.toanweb-story-body blockquote { padding:16px 20px; border-left:3px solid var(--ph-brand); background:var(--ph-canvas); }
.toanweb-story-body .wp-block-table { width:100%; max-width:100%; overflow-x:auto; border:1px solid var(--ph-line); border-radius:12px; }
.toanweb-story-body table { width:100%; min-width:520px; border-collapse:collapse; font-size:14px; line-height:1.7; }
.toanweb-story-body table caption { text-align:left; padding:14px 16px; font-size:13px; color:var(--ph-muted); background:var(--ph-surface); }
.toanweb-story-body :is(th,td) { padding:13px 16px; border:0; border-bottom:1px solid var(--ph-line); text-align:left; vertical-align:top; }
.toanweb-story-body thead th { background:#fff0f2; color:var(--ph-brand-hover); font-weight:700; }
.toanweb-story-body table :is(thead,tbody,tfoot) { border:0; }
.toanweb-story-body tbody th { width:30%; font-weight:600; }
.toanweb-story-body tbody tr:nth-child(even) { background:var(--ph-canvas); }
.toanweb-story-body tbody tr:last-child :is(th,td) { border-bottom:0; }
.toanweb-story-body .wp-block-table figcaption { margin:0; padding:12px 16px; color:var(--ph-muted); background:var(--ph-canvas); font-size:12px; line-height:1.7; }
.toanweb-story-body :is(ul,ol) { padding-left:24px; }
.toanweb-story-body .toanweb-story-toc { padding:18px 22px; border-radius:12px; background:var(--ph-canvas); }
.toanweb-story-body .toanweb-story-toc strong { display:block; margin-bottom:10px; }
.toanweb-story-body .toanweb-story-toc ul { margin:0; }
.toanweb-story-toc-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; cursor:pointer; list-style:none; }
.toanweb-story-toc-disclosure > summary::-webkit-details-marker { display:none; }
.toanweb-story-body .toanweb-story-toc-disclosure summary strong { margin:0; }
.toanweb-story-toc-disclosure summary .toanweb-ui-icon { width:20px; height:20px; color:var(--ph-brand); transition:transform .2s; }
.toanweb-story-toc-disclosure[open] summary .toanweb-ui-icon { transform:rotate(180deg); }
.toanweb-story-toc-disclosure summary:focus-visible { outline:2px solid var(--ph-brand); outline-offset:4px; border-radius:4px; }
.toanweb-story-toc-content { padding-top:10px; }
.toanweb-story-toc-disclosure:not([open]) > .toanweb-story-toc-content { display:none; }
@media(prefers-reduced-motion:reduce) { .toanweb-story-toc-disclosure summary .toanweb-ui-icon { transition:none; } }
.toanweb-story-body :is(h2,h3,h4)[id] { scroll-margin-top:60px; }
.toanweb-article-list h2,.toanweb-article-author h2 { margin:0 0 18px; color:var(--ph-ink); font-size:20px; line-height:1.45; font-weight:800; }
.toanweb-article-sidebar { padding:22px; border-radius:14px; border:1px solid var(--ph-line); background:var(--ph-surface); }
.toanweb-article-cards { display:grid; gap:16px; }
.toanweb-article-card { display:flex; gap:12px; align-items:flex-start; color:var(--ph-ink); text-decoration:none; min-width:0; }
.toanweb-article-sidebar .toanweb-article-card + .toanweb-article-card { border-top:1px solid var(--ph-line); padding-top:16px; }
.toanweb-article-card-media { display:block; flex:none; width:84px; aspect-ratio:4/3; overflow:hidden; border-radius:8px; background:var(--ph-canvas); }
.toanweb-article-card-media img { display:block; width:100%; height:100%; object-fit:cover; }
.toanweb-article-image-placeholder { display:grid; place-items:center; height:100%; color:var(--ph-brand); font-size:12px; font-weight:700; }
.toanweb-article-card-copy { min-width:0; display:flex; flex-direction:column; gap:8px; }
.toanweb-article-card strong { font-size:14px; line-height:1.5; font-weight:700; }
.toanweb-article-card time { font-size:12px; line-height:1.5; color:var(--ph-muted); }
.toanweb-article-card:hover strong { color:var(--ph-brand); }
.toanweb-article-author-slot,.toanweb-article-recommended-slot { width:100%; }
.toanweb-article-author,.toanweb-article-recommended { margin-top:8px; padding-top:24px; border-top:1px solid var(--ph-line); }
.toanweb-author-profile { display:flex; align-items:flex-start; gap:16px; }
.toanweb-author-profile strong { display:block; font-size:17px; color:var(--ph-ink); }
.toanweb-author-avatar,.toanweb-author-initial { flex:none; width:64px; height:64px; border-radius:50%; object-fit:cover; }
.toanweb-author-initial { display:grid; place-items:center; color:var(--ph-brand); background:#fff0f2; font-size:24px; font-weight:800; }
.toanweb-author-profile p { margin:8px 0; color:var(--ph-muted); font-size:14px; line-height:1.75; }
.toanweb-author-profile a { display:inline-block; margin-top:8px; color:var(--ph-brand); font-size:13px; text-decoration:none; }
.toanweb-article-recommended .toanweb-article-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.toanweb-article-recommended .toanweb-article-card { flex-direction:column; padding:12px; border:1px solid var(--ph-line); border-radius:12px; }
.toanweb-article-recommended .toanweb-article-card-media { width:100%; aspect-ratio:16/9; }
@media(max-width:1023px) { .breakdance .toanweb-article-layout { grid-template-columns:1fr; max-width:900px; } .breakdance .toanweb-article-sidebar-slot { position:static; } }
@media(max-width:767px) { .toanweb-article-recommended .toanweb-article-cards { grid-template-columns:1fr; } .toanweb-article-recommended .toanweb-article-card { flex-direction:row; } .toanweb-article-recommended .toanweb-article-card-media { width:96px; aspect-ratio:4/3; } .toanweb-article-sidebar { padding:18px; } }
@media(max-width:767px) { .toanweb-story-body h2 { font-size:23px; } .toanweb-story-body h3 { font-size:20px; } }