/* Diolichat blog */
.bwrap{max-width:60rem;margin:auto;padding:2.5rem 1.25rem 4rem}
.bwrap.wide{max-width:80rem}
.bhero h1{font-weight:900;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em;font-size:clamp(2.2rem,7vw,5rem);margin:.4rem 0 1rem}
.bhero .lead{font-weight:300;font-size:clamp(1.05rem,1.7vw,1.4rem);max-width:46rem;opacity:.85;margin-bottom:1.6rem}
.plist{display:grid;gap:1.4rem;margin-top:2rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}
.pcard{display:block;text-decoration:none;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:1.4rem 1.5rem;transition:transform .2s,border-color .2s}
.pcard:hover{transform:translateY(-3px);border-color:#0A66FF}
.pcard img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:14px;margin:0 0 1rem}
.pcard h2{font-weight:700;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.2;margin:.35rem 0 .6rem}
.pcard p{color:var(--mute);font-weight:300}
.pmeta{font-size:.85rem;color:var(--mute);letter-spacing:.03em}
.tag{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:.12rem .6rem;margin-right:.35rem;color:var(--mute)}
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}
.pager a{color:var(--fg);font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.post h1{font-weight:800;line-height:1.1;letter-spacing:-.02em;font-size:clamp(1.9rem,5vw,3.4rem);margin:.4rem 0 .9rem}
.post .pfig{margin:0 0 1.8rem}.post .pfig img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:18px;border:1px solid var(--line)}
.post .byline{color:var(--mute);font-size:.95rem;margin-bottom:1.8rem}
.post .byline a{color:var(--fg)}
.post h2{font-weight:700;font-size:1.5rem;margin:2rem 0 .6rem}
.post p{font-weight:300;font-size:1.1rem;line-height:1.75;margin-bottom:1.1rem;opacity:.92}
.post ul{margin:0 0 1.2rem 1.2rem}.post li{font-weight:300;font-size:1.08rem;line-height:1.7;margin-bottom:.4rem}
.srcbox,.ctabox{border:1px solid var(--line);border-radius:20px;padding:1.2rem 1.4rem;margin:1.8rem 0;background:var(--panel)}
.srcbox b,.ctabox b{display:block;margin-bottom:.3rem}
.srcbox a{color:#00B8FF;word-break:break-word}
.ctabox .btn{margin-top:.8rem}
.disc{font-size:.85rem;color:var(--mute);font-weight:300;margin-top:1.5rem}
.related{margin-top:2.5rem}.related h2{font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em}
.rlist{display:grid;gap:.6rem;margin-top:.8rem}.rlist a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.5rem}.rlist a:hover{color:#00B8FF}
.adslot{margin:1.8rem 0;min-height:90px;text-align:center}
.page h1{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2rem,6vw,4rem);margin:.4rem 0 1.4rem}
.page h2{font-weight:700;font-size:1.4rem;margin:2rem 0 .5rem}
.page p,.page li{font-weight:300;font-size:1.08rem;line-height:1.75;opacity:.92}
.page p{margin-bottom:1rem}.page ul{margin:0 0 1rem 1.2rem}
.page a{color:#00B8FF}
.foot-legal{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;font-size:.85rem}