/* Printable boards section: /prints/ */
.prints-page{background:#f7f8fa;color:var(--text);line-height:1.6}
.prints-header{position:relative;display:flex;align-items:center;justify-content:flex-start;width:min(1000px,100%);min-height:56px;margin:0 auto;padding:8px 16px}
.prints-brand img{display:block;width:80px;height:auto}
.prints-main{width:min(984px,calc(100% - 16px));margin:0 auto 32px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.prints-main h1{margin:0 0 10px;font-size:clamp(1.5rem,4.2vw,2.1rem);line-height:1.3}
.prints-main h2{margin:0 0 10px;color:#344054;font-size:1.2rem;line-height:1.35}
.prints-main h3{margin:16px 0 4px;color:#344054;font-size:1.02rem;line-height:1.4}
.prints-main p{margin:0 0 10px;color:#475467}
.prints-main a{color:#7a3b00}
.prints-lead{font-size:1.05rem;max-width:70ch}
.prints-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 14px;padding:0;list-style:none;color:#667085;font-size:.88rem}
.prints-crumbs li+li::before{content:"\203A";margin-inline-end:8px;color:#98a2b3}
.prints-crumbs a{color:#667085}
.prints-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:0;height:auto;min-height:42px;margin:0;padding:8px 16px;border-radius:12px;font-weight:700;text-decoration:none;text-align:center}
.prints-page .btn.primary{color:#fff}
.prints-page .btn.soft{color:#7a3b00}
.prints-page .btn span{font-weight:400;font-size:.85em;opacity:.9}
.prints-detail{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:start;margin:20px 0 8px}
.prints-figure{margin:0}
.prints-figure img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 18px rgba(16,24,40,.12);background:#fff}
.prints-figure figcaption{margin-top:8px;color:#667085;font-size:.84rem}
.prints-side section+section{margin-top:18px}
.prints-side ul,.prints-section ul,.prints-section ol{margin:0;padding-inline-start:22px;color:#475467}
.prints-side li,.prints-section li{margin:6px 0}
.prints-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.prints-note{font-size:.9rem}
.prints-section{margin-top:28px;padding-top:20px;border-top:1px solid #eaecf0}
.prints-specs{width:100%;border-collapse:collapse;font-size:.95rem}
.prints-specs th,.prints-specs td{padding:8px 10px;border-bottom:1px solid #eaecf0;text-align:start;vertical-align:top}
.prints-specs th{width:7.5em;color:#344054;font-weight:700;white-space:nowrap}
.prints-specs td{color:#475467}
.prints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.prints-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff}
.prints-card h3{margin:0;font-size:1.05rem}
.prints-card p{margin:0;font-size:.92rem}
.prints-card-img{display:block}
.prints-card-img img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:8px;background:#fff}
.prints-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto!important;padding-top:6px}
.prints-card-actions .btn{min-height:36px;padding:6px 12px;font-size:.9rem}
.prints-links{padding-inline-start:22px}
.prints-footer{width:min(984px,calc(100% - 16px));margin:0 auto;padding:6px 0 28px;text-align:center;color:#667085;font-size:.88rem}
.prints-footer p{margin:2px 0}
.prints-footer a{color:#667085}
.prints-page a:focus-visible,.prints-page .btn:focus-visible{outline:3px solid #ffb066;outline-offset:2px}
@media (max-width:720px){
  .prints-main{padding:16px;border-radius:14px}
  .prints-detail{grid-template-columns:1fr;gap:20px}
  .prints-figure{max-width:320px;margin-inline:auto}
  .prints-downloads .btn{flex:1 1 100%}
}
@media print{
  .prints-header,.prints-footer,.prints-crumbs{display:none!important}
  .prints-main{border:0;box-shadow:none;padding:0}
}
/* Ready-made boards: /templates/ */
.templates-page .prints-card{scroll-margin-top:16px}
.templates-page .prints-card:target{border-color:var(--accent);box-shadow:0 0 0 3px #ffe2c2}
.templates-page .prints-section ol+p{margin-top:14px}

/* Icon strip: the same place and size as the planning board's top bar (30px buttons, 17px icons, 5px gap, 16px from the left edge of the 1000px column, 8px from the top),
   so moving between the pages does not move the icons. The icon of the current page is orange. */
.page-icons{position:absolute;left:16px;top:8px;display:flex;align-items:center;gap:5px;z-index:5}
.page-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d8dee9;border-radius:9px;background:#fff;text-decoration:none}
.page-icon svg{width:17px;height:17px;fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-icon:hover{border-color:#cbd5e1;background:#f8fafc}
.page-icon.is-current{border-color:#ffb066;background:#fff1e0}
.page-icon.is-current svg{stroke:#e66a00}
@media(max-width:700px){.page-icons{left:10px;top:6px}}
@media print{.page-icons{display:none!important}}

/* Menu icon of the static pages: same place as the board's menu, after the separator. */
.page-sep{align-self:center;width:1px;height:18px;margin:0 3px;background:#d9dee7;flex:none}
.page-icons button.page-icon{padding:0;font:inherit;color:inherit;cursor:pointer}
.page-menu{position:absolute;top:38px;left:0;z-index:20;display:flex;flex-direction:column;min-width:170px;padding:6px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.16)}
.page-menu[hidden]{display:none}
.page-menu a{display:block;min-height:26px;padding:4px 10px;border-radius:7px;color:var(--text);font-size:.84rem;font-weight:500;line-height:1.3;text-decoration:none}
.page-menu a:hover,.page-menu a:focus-visible{background:#f1f5f9}
@media print{.page-menu{display:none!important}}

/* English (left to right) pages: the strip and its menu mirror to the right, as on the planning board. */
html[dir="ltr"] .page-icons{left:auto;right:16px}
html[dir="ltr"] .page-menu{left:auto;right:0}
@media(max-width:700px){html[dir="ltr"] .page-icons{left:auto;right:10px}}