/* FQ61: the paper, the garden and the everyday mechanism. Shared type sizes retained. */
.fq-page{--fq-kraft:#f3e9d8;--fq-green:#e7eddf}
.fq-page .pp-head h1{max-width:18ch}
.fq-intro-line{font:italic var(--bq-d2)/1.35 var(--bq-serif);margin:0;color:var(--bq-ink)}
.fq-jumps{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--bq-small)}
.fq-jumps a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
.fq-chapters{display:flex;gap:12px 28px;align-items:center;flex-wrap:wrap;padding:16px var(--bq-gut);border-block:1px solid var(--bq-line)}
.fq-chapters a{font-size:var(--bq-small);min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
.fq-chapters>span{margin-right:auto}
.fq-materials{background:var(--fq-kraft)}
.fq-opening{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:start;margin-bottom:40px}
.fq-opening .pp-mats{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.fq-material-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--bq-line)}
.fq-material-pair article{padding:32px 40px 32px 0;max-width:54ch}
.fq-material-pair article+article{padding:32px 0 32px 40px;border-left:1px solid var(--bq-line);max-width:none}
.fq-material-pair h3{margin:16px 0 12px}
.fq-material-pair p{max-width:48ch}
.fq-material-pair a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.fq-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;margin:16px 0 24px;border-block:1px solid var(--bq-line)}
.fq-numbers>div{padding:24px 24px 24px 0}
.fq-numbers>div+div{border-left:1px solid var(--bq-line);padding-left:24px}
.fq-numbers dt{font:400 var(--bq-d1)/1.2 var(--bq-serif);margin-bottom:8px}
.fq-numbers dd{margin:0;max-width:27ch;font-size:var(--bq-small)}
.fq-anatomy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.fq-anatomy figure,.fq-lift figure{margin:0;min-width:0}
.fq-anatomy__photo{position:relative;background:var(--bq-field);border:1px solid var(--bq-line);border-radius:var(--bq-r)}
.fq-anatomy img,.fq-lift img{display:block;width:100%;height:auto;border-radius:var(--bq-r)}
.fq-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--bq-ink);background:var(--bq-field);color:var(--bq-ink);cursor:pointer;font:600 var(--bq-small)/1 var(--bq-sans)}
.fq-point[aria-pressed=true]{background:var(--bq-ink);color:var(--bq-on-ink);box-shadow:0 0 0 5px rgba(255,255,255,.7)}
.fq-parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.fq-parts li{padding:16px 20px;border-bottom:1px solid var(--bq-line);border-left:3px solid transparent;transition:background var(--bq-fast)}
.fq-parts li.is-active{background:var(--fq-green);border-left-color:var(--bq-ink)}
.fq-parts button{display:flex;gap:16px;align-items:center;border:0;background:transparent;padding:0;min-height:44px;color:inherit;cursor:pointer;text-align:left;font:inherit}
.fq-parts button span{font-size:var(--bq-cap);color:var(--bq-soft)}
.fq-parts p{margin:0;font-size:var(--bq-small);max-width:45ch}
.fq-anatomy figcaption,.fq-lift figcaption{margin-top:12px}
.fq-lift{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,96px);align-items:center;padding-top:clamp(40px,6vw,80px)}
.fq-lift figure{max-width:520px}
.fq-lift .pg-prose{max-width:46ch}
.fq-year{background:var(--fq-green);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:start}
.fq-year__intro .pg-prose{max-width:46ch}
.fq-planner{padding:24px;background:var(--bq-field);border:1px solid var(--bq-line);border-radius:var(--bq-r);min-width:0}
.fq-planner label{display:block;font-weight:600;margin-bottom:8px}
.fq-planner input{display:block;width:100%;min-height:48px;border:1px solid var(--bq-ink);border-radius:var(--bq-r);font:inherit;color:inherit;background:var(--bq-field);padding:8px 12px}
.fq-page .fq-range{font:400 var(--bq-t1)/1.4 var(--bq-serif);margin:24px 0 16px}
.fq-months{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 20px;padding:0;border-top:1px solid var(--bq-line)}
.fq-months li{padding:12px 4px;border-bottom:1px solid var(--bq-line);font-weight:600;font-size:var(--bq-small)}
.fq-months span{display:block;font-weight:400;color:var(--bq-soft);font-size:var(--bq-cap)}
.fq-planner .bq-btn{width:100%;margin-top:12px;text-align:center;white-space:normal}
.fq-save-status{min-height:1.5em;margin:12px 0 0}
.fq-pack .pp-block{align-items:center;gap:clamp(24px,6vw,96px)}
.fq-pack .pg-prose{max-width:45ch}
.fq-brand{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);background:var(--bq-ink)}
.fq-brand .pg-prose{max-width:48ch}
.fq-brand table{width:100%;border-collapse:collapse;font-size:var(--bq-body);color:inherit}
.fq-brand caption{text-align:left;font:500 var(--bq-small)/1.5 var(--bq-sans);padding:0 0 16px}
.fq-brand th,.fq-brand td{padding:16px 0;text-align:left;border-bottom:1px solid rgba(255,255,255,.25);vertical-align:top;font-weight:400}
.fq-brand thead th{font-size:var(--bq-cap);text-transform:uppercase;letter-spacing:.06em}
.fq-brand td{padding-left:24px;white-space:nowrap}
.fq-brand .bq-small{margin-top:16px;color:inherit}
.fq-page :is(.fq-point,.fq-parts button,.fq-planner input):focus-visible{outline:3px solid var(--bq-teal-deep);outline-offset:4px}
@media(max-width:900px){.fq-opening,.fq-anatomy,.fq-lift,.fq-year,.fq-brand{grid-template-columns:1fr}.fq-chapters>span{width:100%}.fq-lift figure{max-width:440px;margin-inline:auto}.fq-anatomy{gap:24px}.fq-anatomy figure{max-width:680px}.fq-brand__table{max-width:640px}}
@media(max-width:600px){.fq-material-pair{grid-template-columns:1fr}.fq-material-pair article,.fq-material-pair article+article{padding:24px 0;border-left:0}.fq-material-pair article+article{border-top:1px solid var(--bq-line)}.fq-numbers>div{padding:20px 12px 20px 0}.fq-numbers>div+div{padding-left:12px}.fq-chapters{gap:0 20px}.fq-chapters>span{padding-block:8px}.fq-planner{padding:20px}.fq-months{grid-template-columns:repeat(3,minmax(0,1fr))}.fq-parts li{padding:12px 16px}.fq-numbers dd{font-size:var(--bq-cap)}.fq-point{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.fq-parts li{transition:none}}

.fq-page .fq-year__intro>h2{margin:12px 0 20px}

.fq-brand .bq-label{color:var(--bq-on-ink);opacity:.8}