/*
Theme Name: AI Fieldnotes
Description: A responsive four-page editorial AI theme for BrandSurgeAI.
Version: 1.0.0
Text Domain: ai-fieldnotes
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

:root{--paper:#f3f2eb;--ink:#172c27;--muted:#54645d;--green:#d5ec64;--line:#cdd1c6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:17px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;gap:10px}.brandmark{font-size:33px}.edition{display:block;font-size:8px;max-width:70px;line-height:1.6;border-left:1px solid var(--line);padding-left:12px;margin-left:8px}nav{display:flex;gap:25px;font-size:13px}nav a{padding:10px 0}nav a[aria-current]{border-bottom:2px solid var(--ink)}main{padding:0 5%}section{margin:72px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;margin-top:66px}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:2px;margin-bottom:25px;text-transform:uppercase}h1{font-size:clamp(58px,6.8vw,102px);font-weight:500;letter-spacing:-6px;line-height:.98;margin:0 0 28px}h2{font-size:clamp(29px,3.2vw,45px);font-weight:500;letter-spacing:-1.7px;line-height:1.12;margin:0 0 24px}h3{font-size:24px;font-weight:500;letter-spacing:-.7px}p{font-size:16px;line-height:1.75;color:var(--muted)}.lead{font-size:18px;max-width:480px;margin-bottom:30px}.button{display:inline-flex;gap:40px;align-items:center;background:var(--ink);color:white;padding:18px 23px;font-size:13px}.button span{font-size:21px}.smallnote{font-family:monospace;font-size:9px;letter-spacing:1px;margin-top:22px}.art{min-height:485px;position:relative;overflow:hidden;background:var(--green);border-radius:50% 50% 2px 2px;display:grid;place-items:center}.art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#172c272d .7px,transparent .7px);background-size:8px 8px}.orbit{position:absolute;width:350px;height:350px;border:1px solid #233e3170;border-radius:50%;transform:rotate(-35deg) scaleX(.45)}.o2{transform:rotate(35deg) scaleX(.45)}.o3{transform:rotate(90deg) scaleX(.45)}.core{font-family:Georgia,serif;font-style:italic;font-size:110px;text-align:center;z-index:1;letter-spacing:-9px}.core span{display:block;letter-spacing:2px;font:9px monospace;text-transform:uppercase}.point{position:absolute;width:13px;height:13px;background:var(--ink);border:3px solid var(--green);border-radius:50%}.p1{top:105px;left:32%}.p2{bottom:147px;right:19%}.p3{bottom:115px;left:26%}.artlabel{position:absolute;bottom:26px;font:9px monospace;letter-spacing:2px}.statement{border-top:1px solid var(--line);padding-top:45px;display:block;max-width:950px}.statement p{max-width:730px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.sectionhead span,footer>span{font:9px monospace;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.card:hover{background:#e6eadb}.number{font:12px monospace;color:var(--muted)}.read{display:block;font-size:12px;margin-top:35px}.read span{float:right}.pageintro{max-width:900px;margin:75px 0 60px}.pageintro .lead{max-width:570px}.steps article{display:grid;grid-template-columns:70px 1fr;padding:35px 0;border-top:1px solid var(--line)}.steps p{max-width:700px;margin-bottom:0}.steps h2{font-size:30px;margin-bottom:12px}.demo{background:#e4e8dc;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.demo p{max-width:440px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.tabs button{background:transparent;border:1px solid #aab4a3;padding:10px 16px;border-radius:30px;font-size:12px}.tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#flow>div{padding:17px 20px;background:var(--paper);margin:6px 0;font-size:15px}#flow small{display:block;font:9px monospace;letter-spacing:1px;margin-bottom:8px;color:var(--muted)}.appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.appcard{padding:30px;border:1px solid var(--line)}.appcard h2{font-size:27px}.appcard .eyebrow{margin:30px 0 15px}.symbol{font-size:38px}.human{border-top:1px solid var(--line);padding-top:18px;font-size:12px;line-height:1.7}.banner{background:var(--green);padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.banner h2{margin:0}.principles details{border-top:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:30px;font-size:30px;padding:28px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.plus{margin-left:auto;font-size:25px}details[open] .plus{transform:rotate(45deg)}.detail{margin-left:48px;max-width:700px;padding-bottom:25px}.detail h3{margin-top:0}.quiz button{display:block;text-align:left;width:100%;padding:17px;margin-bottom:9px;border:1px solid #acb6a6;background:var(--paper);font-size:13px;line-height:1.5}.quiz button:hover{border-color:var(--ink)}.quiz button.selected{background:var(--green);border-color:var(--ink)}#feedback{font-size:14px}.textlink{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-top:10px}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}footer .brand{font-size:12px}footer p{font-size:11px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:4}.skip:focus{top:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #698000;outline-offset:5px}[hidden]{display:none!important}@media(max-width:900px){header{align-items:flex-start;flex-direction:column;gap:15px}nav{gap:20px;flex-wrap:wrap}.hero{gap:25px}h1{letter-spacing:-3px}.art{min-height:370px}.orbit{width:280px;height:280px}.cards,.appgrid{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.sectionhead{align-items:flex-start;flex-direction:column}.demo{gap:30px;padding:30px}.banner{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:22px 6%}nav{font-size:11px;gap:17px}main{padding:0 6%}section{margin:50px 0}.hero{grid-template-columns:1fr;margin-top:45px}.hero h1{font-size:68px}.art{min-height:350px}.cards,.appgrid,.demo{grid-template-columns:1fr}.pageintro{margin-top:50px}h1{font-size:58px}.pageintro .lead{font-size:17px}.cards .card:last-child{grid-column:auto}.demo{padding:25px;gap:25px}.steps article{grid-template-columns:40px 1fr}.steps h2{font-size:25px}.banner{padding:28px}.detail{margin-left:0}summary{font-size:26px}.edition{display:none}footer{padding:25px 6%;gap:10px}footer p{width:100%;order:3}}

.admin-bar header{scroll-margin-top:32px}.wp-content{min-height:50vh}