/*
Theme Name: Didattica del Bello
Theme URI: https://didatticadelbello.it/
Author: Didattica del Bello
Description: Tema didattico leggero, mobile-first e accessibile, con Vista Quaderno e Vista accessibile.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: didattica-del-bello
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: education, accessibility-ready, custom-logo, custom-menu, featured-images, responsive-layout
*/

:root{--ink:#253238;--paper:#fbf8ef;--line:#bdd1d3;--accent:#ad4d35;--accent2:#2f6f73;--muted:#5b6467;--card:#fffdf7;--focus:#075985;--base-size:1rem;--reading-line:1.65;--content:72rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--base-size)}body{margin:0;color:var(--ink);background:var(--paper);font-family:ui-rounded,"Segoe UI",Arial,sans-serif;line-height:var(--reading-line)}body.view-notebook{background-color:var(--paper);background-image:linear-gradient(rgba(47,111,115,.11) 1px,transparent 1px);background-size:100% 2rem}a{color:#155e63;text-decoration-thickness:.12em;text-underline-offset:.16em}a:hover{text-decoration-thickness:.2em}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button,input[type=submit]{min-height:44px;border:2px solid var(--ink);border-radius:.55rem;background:#fff;color:var(--ink);padding:.55rem .8rem;cursor:pointer;font-weight:700;box-shadow:2px 2px 0 var(--ink)}button:hover,.button:hover,input[type=submit]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:.5rem;z-index:9999;background:#fff;padding:.75rem}.skip-link:focus{left:.5rem}.site-header{background:rgba(251,248,239,.96);border-bottom:2px solid var(--ink);position:relative;z-index:10}.header-inner,.site-main,.site-footer-inner{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.site-branding{display:flex;align-items:center;gap:.65rem}.custom-logo{max-height:60px;width:auto}.site-title{font-size:clamp(1.25rem,4vw,2rem);font-weight:800;color:var(--ink);text-decoration:none}.site-description{margin:0;color:var(--muted);font-size:.9rem}.menu-toggle{display:block}.primary-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:2px solid var(--ink);padding:1rem}.primary-navigation.is-open{display:block}.primary-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.primary-navigation a{display:block;padding:.65rem;color:var(--ink);font-weight:700}.accessibility-bar{background:#dcebed;border-bottom:1px solid #849da0}.accessibility-inner{width:min(calc(100% - 1rem),var(--content));margin:auto;display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding:.45rem 0}.accessibility-inner button{white-space:nowrap;box-shadow:none;min-height:40px;padding:.4rem .65rem}.accessibility-label{font-weight:800;margin-right:.25rem}.site-main{padding-block:2rem;min-height:60vh}.hero{padding:clamp(2rem,7vw,5rem) 0;display:grid;gap:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent2)}h1,h2,h3{line-height:1.18;text-wrap:balance}h1{font-size:clamp(2.25rem,9vw,5.5rem);margin:.15em 0}h2{font-size:clamp(1.65rem,5vw,2.7rem)}.lead{font-size:clamp(1.1rem,2.5vw,1.35rem);max-width:48rem}.sketch-card,.entry-card,.essential-summary{background:var(--card);border:2px solid var(--ink);border-radius:.45rem;padding:1.15rem;box-shadow:5px 5px 0 rgba(37,50,56,.25)}.view-notebook .sketch-card:nth-child(even),.view-notebook .entry-card:nth-child(even){transform:rotate(.25deg)}.view-notebook .sketch-card:nth-child(odd),.view-notebook .entry-card:nth-child(odd){transform:rotate(-.2deg)}.content-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-top:2.5rem}.entry-card h2,.entry-card h3{margin-top:.35rem}.entry-meta{color:var(--muted);font-size:.92rem}.entry-thumbnail img{display:block;border-radius:.3rem;aspect-ratio:16/9;object-fit:cover}.essential-summary{border-color:var(--accent2);margin-block:1.5rem}.essential-summary h2{margin-top:0}.summary-grid{display:grid;gap:.8rem}.summary-item strong{display:block;color:var(--accent2)}.entry-content{max-width:48rem}.entry-content>:first-child{margin-top:0}.archive-description{max-width:48rem}.pagination{margin-top:2rem}.site-footer{border-top:2px solid var(--ink);margin-top:3rem;background:#e9e2d4}.site-footer-inner{padding:2rem 0}.footer-menu{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.view-accessible{--paper:#fff;--card:#fff;background:#fff;background-image:none;font-family:Arial,Helvetica,sans-serif}body.view-accessible .decorative,body.view-accessible .site-description{display:none!important}body.view-accessible .sketch-card,body.view-accessible .entry-card,body.view-accessible .essential-summary{transform:none!important;box-shadow:none;border-radius:0}body.high-contrast{--ink:#000;--paper:#fff;--card:#fff;--accent:#000;--accent2:#000;--muted:#222;--focus:#d40000}body.high-contrast a{color:#000;text-decoration:underline}body.extra-spacing{--reading-line:2}body.extra-spacing p,body.extra-spacing li{letter-spacing:.04em;word-spacing:.12em;margin-block:1.25em}body.font-large{--base-size:1.125rem}body.font-xlarge{--base-size:1.25rem}
@media(min-width:48rem){.menu-toggle{display:none}.primary-navigation{display:block;position:static;border:0;background:transparent;padding:0}.primary-navigation ul{display:flex;flex-wrap:wrap}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .7fr;align-items:center}}
@media(min-width:70rem){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.accessibility-bar,.menu-toggle,.primary-navigation,.site-footer{display:none}.site-main{width:100%}.sketch-card,.entry-card{box-shadow:none}}