/*
Theme Name: Material Notes
Description: A readable, lightweight journal for art materials. No advertising or tracking bundled.
Version: 0.2.2
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: material-notes
*/
:root{--ink:#17222b;--blue:#174ac5;--muted:#56626d;--line:#d7dfe5;--wash:#f0f4fa;--paper:#fff;--wide:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #c25412;outline-offset:5px}img,svg{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.16;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,5.4vw,4.8rem);margin:.4em 0}h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:1.6em 0 .65em}h3{font-size:1.6rem}p{margin:0 0 1.2em}button{font:inherit}.shell{max-width:var(--wide);margin:auto;padding:0 28px}.skip{position:absolute;left:12px;top:-90px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}.masthead{border-bottom:1px solid var(--line)}.masthead .shell{min-height:102px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-family:Georgia,serif;color:var(--ink);font-weight:bold;font-size:1.7rem;text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--blue)}nav{display:flex;flex-wrap:wrap;gap:26px;font-size:1rem}nav a{color:var(--ink);text-decoration:none}nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:700;color:var(--blue);margin-bottom:16px}.hero{padding:70px 0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:58px}.hero h1{max-width:620px}.hero p:not(.eyebrow){color:var(--muted);max-width:540px}.hero figure{margin:0}.hero figcaption{font-size:.85rem;color:var(--muted);margin-top:12px}.button{display:inline-block;background:var(--blue);color:white;text-decoration:none;padding:12px 22px;font-size:1rem;font-weight:600}.section-head{border-top:2px solid var(--ink);padding-top:25px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:10px}.section-head h2{margin:0 0 25px}.section-head p{font-size:.9rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-bottom:60px}.card{border-bottom:1px solid var(--line);padding-bottom:28px}.card img{display:block;width:100%;aspect-ratio:12/7;object-fit:contain;background:var(--wash);margin-bottom:22px}.card h3{margin:8px 0 15px}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--blue)}.card p{font-size:1rem;color:var(--muted)}.small{font-size:.875rem;color:var(--muted)}.resource-band{padding:36px;background:var(--wash);border-left:5px solid var(--blue);margin-bottom:70px;display:flex;justify-content:space-between;align-items:center;gap:25px}.resource-band h2{margin:0 0 12px;font-size:2rem}.resource-band p{margin:0;max-width:600px}.article-top{max-width:860px;margin:58px auto 28px}.article-top h1{font-size:clamp(2.4rem,5vw,4rem)}.article-body{max-width:760px;margin:0 auto 70px}.article-body h2{scroll-margin-top:30px}.article-body figure{margin:32px 0}.article-body figcaption{color:var(--muted);font-size:.85rem;line-height:1.5;margin-top:10px}.article-body .answer{font-size:1.2rem;border-left:4px solid var(--blue);padding:20px 24px;background:var(--wash)}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li{padding-left:.2em;margin-bottom:10px}.article-body table{border-collapse:collapse;width:100%;font-size:1rem;margin:24px 0}.article-body th,.article-body td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article-body th{background:var(--wash)}.table-scroll{overflow-x:auto}.article-body .note{font-size:1rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.toc{padding:20px 24px;border:1px solid var(--line);font-size:1rem;margin:30px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;margin:5px 0}.source-list{font-size:.95rem}.site-footer{border-top:1px solid var(--line);padding:30px 0 40px;font-size:.9rem}.site-footer .shell{display:flex;justify-content:space-between;gap:24px;align-items:start}.site-footer p{margin:0;color:var(--muted)}.not-found{min-height:50vh;padding:70px 0}.pagination{margin:30px 0 60px}.preview-notice{background:#17222b;color:#fff;text-align:center;padding:8px 16px;font-size:.8rem}.wp-block-image img{height:auto}.wp-block-table{overflow-x:auto}.wp-caption{max-width:100%}
@media(max-width:720px){.shell{padding:0 20px}.masthead .shell{min-height:100px;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding-top:18px;padding-bottom:18px}nav{gap:22px}.hero{grid-template-columns:1fr;gap:28px;padding:38px 0}.hero h1{font-size:3rem}.hero figure{max-width:500px}.cards{grid-template-columns:1fr;gap:30px}.section-head{display:block}.section-head h2{margin-bottom:10px}.resource-band{padding:24px;display:block}.resource-band .button{margin-top:20px}.article-top{margin-top:36px}.article-body .answer{padding:16px;font-size:1.1rem}.site-footer .shell{flex-direction:column}.article-body th,.article-body td{padding:9px}.section-head p{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.masthead nav,.site-footer,.preview-notice,.toc{display:none}body{font-size:11pt;color:#000}.shell,.article-body{max-width:none;padding:0}.article-top{margin-top:0}h1{font-size:26pt}.article-body h2{font-size:19pt;break-after:avoid}a{color:#000}figure,table{break-inside:avoid}}