/* Pianese Atelier — Taccuino editoriale v3.7 */
.notebook-page,.notebook-single{--ink:#11161a;--paper:#f5f1e8;--gold:#b28a4c;--blue:#38bfc8;--line:rgba(17,22,26,.14);--muted:#60676d}
.notebook-hero{position:relative;overflow:hidden;padding:72px 0 48px;background:var(--paper)}
.lines{position:absolute;inset:0;opacity:.10;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(17,22,26,.18) 40px),linear-gradient(90deg,transparent 14%,rgba(56,191,200,.55) 14% 14.1%,transparent 14.1%)}
.notebook-hero .hero-inner{position:relative;z-index:1}
.notebook-page .back{display:inline-block;margin-bottom:28px}
.notebook-page .kicker,.notebook-single .kicker{color:var(--gold);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.notebook-hero h1{max-width:790px;font-size:clamp(2.35rem,4.4vw,4.4rem);line-height:1;margin:12px 0 18px}
.notebook-hero p:last-child{max-width:730px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.65}
.notebook-content{padding:48px 0 74px;background:var(--paper)}
.notebook-topic-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.notebook-topic-strip span{padding:7px 10px;border:1px solid var(--line);background:rgba(255,255,255,.45);font-size:.69rem;text-transform:uppercase;letter-spacing:.09em}
.notebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.note-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}
.note-img{display:block;aspect-ratio:1.38;background:#171b1e;overflow:hidden}
.note-img img{width:100%;height:100%;object-fit:cover}
.note-placeholder{display:flex;min-height:100%;height:100%;padding:24px;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#14181b,#2b3134)}
.note-placeholder small{color:#cfab68;text-transform:uppercase;letter-spacing:.13em;font-size:.64rem}
.note-placeholder b{max-width:92%;font-family:Georgia,serif;font-size:clamp(1.25rem,1.65vw,1.7rem);line-height:1.05;font-weight:500}
.note-copy{display:flex;flex:1;flex-direction:column;padding:22px}
.note-copy .meta{margin:0 0 10px;color:var(--gold);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}
.note-card h2{font-size:1.48rem;line-height:1.08;margin:0 0 11px}
.note-copy>p:not(.meta){margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.58}
.note-copy>a{margin-top:auto;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.notebook-single header{padding:72px 0 48px;background:var(--paper)}
.notebook-single .back{display:inline-block;margin-bottom:28px}
.notebook-single h1{max-width:920px;font-size:clamp(2.4rem,4.6vw,4.7rem);line-height:1;margin:13px 0 18px}
.notebook-single .intro{max-width:760px;font-size:1.06rem;line-height:1.65;color:var(--muted)}
.notebook-single figure{margin:0;max-height:720px;overflow:hidden;background:#ddd}
.notebook-single figure img{width:100%;height:100%;object-fit:cover}
.notebook-single .content{max-width:800px;padding-top:58px;padding-bottom:70px;font-size:1.04rem;line-height:1.82}
.notebook-single .content p{margin:0 0 1.35em}
.notebook-single .content .lead-note{font-family:Georgia,serif;font-size:1.35rem;line-height:1.45;color:#222}
.notebook-single .content h2{font-size:1.85rem;line-height:1.12;margin:38px 0 14px}
.notebook-single .content blockquote{margin:36px 0;padding:20px 0 20px 24px;border-left:2px solid var(--gold);font-family:Georgia,serif;font-size:1.38rem;line-height:1.45}
.notebook-related{padding:52px 0 68px;background:var(--paper)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;background:var(--line);border:1px solid var(--line)}
.related-grid a{display:flex;justify-content:space-between;gap:18px;padding:22px;background:#fff;font-family:Georgia,serif;font-size:1.1rem;line-height:1.18}
.related-grid b{font-family:Arial,sans-serif}
@media(max-width:900px){.notebook-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}}
@media(max-width:600px){.notebook-hero{padding:58px 0 38px}.notebook-content{padding:36px 0 58px}.notebook-grid{grid-template-columns:1fr}.notebook-single header{padding:58px 0 38px}.notebook-single .content{padding-top:42px;padding-bottom:55px}}