/* Shared navigation for React workspaces and server-rendered catalogs. */
.ch-nav,.ch-home{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182820;box-sizing:border-box}
.ch-nav *,.ch-home *{box-sizing:border-box}
.ch-nav{position:relative;z-index:45;background:#15271f;color:#fff;width:100%;line-height:1.25}
.ch-row{max-width:1536px;margin:auto;display:flex;align-items:center;gap:clamp(12px,3vw,46px);padding:0 clamp(16px,4vw,64px);min-height:64px;position:relative}
.ch-nav a,.ch-home a{text-decoration:none;color:inherit}
.ch-brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:750;letter-spacing:-1.2px}

.ch-menus,.ch-account{display:flex;align-items:center;gap:clamp(9px,2.2vw,36px)}
.ch-nav summary{list-style:none;cursor:pointer;padding:22px 0;font-size:14px;font-weight:600}
.ch-nav summary::-webkit-details-marker{display:none}
.ch-nav summary:after{content:"⌄";margin-left:7px;color:#c6d9c7}.ch-nav details[open] summary{color:#d2f589}
.ch-account{margin-left:auto;font-size:14px;white-space:nowrap}.ch-sign{background:#d2f589;color:#19291f!important;border-radius:30px;font-weight:650;padding:9px 16px}
.ch-menu{position:absolute;top:100%;left:0;right:0;padding:26px clamp(20px,7vw,108px) 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;background:#1d3229;box-shadow:0 14px 28px #0d1b172b}.ch-menu strong,.ch-directory h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ch-menu strong{color:#c9e4aa}.ch-menu a,.ch-directory a{display:block;margin:9px 0;font-size:14px}.ch-menu a:hover,.ch-directory a:hover,.ch-foot a:hover{text-decoration:underline}
.ch-home{background:#f9f9f4;margin:0 auto;width:100%;max-width:none;line-height:1.4;padding:0 0 30px}
.ch-hero{background:#20392d;color:#f9faf0;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:4%;padding:clamp(28px,4vw,64px) max(5%,calc((100vw - 1380px)/2));overflow:hidden}
.ch-hero h1{font:650 clamp(52px,6.2vw,102px)/.94 Inter,"Segoe UI",sans-serif;letter-spacing:-.075em;margin:0}.ch-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d7f6a5}.ch-hero p{max-width:42ch;font-size:clamp(15px,1.25vw,20px);line-height:1.48;margin:20px 0;color:#ecf2e7}
.ch-search{display:flex;align-items:center;background:white;border-radius:12px;padding:6px;max-width:540px;color:#203329;margin:0}.ch-search select,.ch-search input{min-width:0;background:transparent;border:0;color:#182820;font:14px inherit;font-family:inherit;font-size:14px;height:40px}.ch-search select{width:105px;border-right:1px solid #d8dfd4}.ch-search input{flex:1;padding:0 10px}.ch-search button{border:0;background:#254432;color:white;cursor:pointer;border-radius:9px;width:42px;height:40px;font-size:23px}
.ch-art{position:relative;min-height:clamp(245px,24vw,380px)}.ch-art a{display:block;position:absolute;overflow:hidden;border-radius:8px;box-shadow:0 15px 34px #0a201f4d}.ch-art img{width:100%;height:100%;object-fit:cover}.ch-art a:first-child{inset:0 22% 5% 0;transform:rotate(-5deg)}.ch-art a:last-child{inset:22% 0 0 59%;transform:rotate(7deg);border:4px solid #eee8cd}
.ch-section,.ch-foot{width:min(90%,1380px);margin:0 auto;padding:36px 0 12px}.ch-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.ch-heading a{font-size:14px;font-weight:650}.ch-section h2{margin:0;font-size:clamp(25px,2.5vw,39px);font-weight:630;letter-spacing:-.055em;line-height:1.1}
.ch-cards,.ch-format-grid,.ch-tool-grid,.ch-directory{display:grid;gap:14px}.ch-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.ch-cards a,.ch-format-grid a{min-width:0}.ch-cards strong,.ch-format-grid strong,.ch-tool-grid strong{font-size:16px;font-weight:650;display:block;margin:8px 0 2px}.ch-home small{font-size:13px;color:#526155}.ch-cards .ch-cover,.ch-graphic{width:100%;height:clamp(86px,9vw,165px);object-fit:cover;border-radius:10px}.ch-graphic{overflow:hidden;display:flex;align-items:center;justify-content:center}.ch-icons{display:grid;grid-template-columns:repeat(3,23%);justify-items:center;background:#e1d7ee;gap:3% 6%;padding:9%}.ch-icons img{width:100%;height:100%;max-height:40px}.ch-type{background:#e8eeae;color:#263f17;font:italic clamp(34px,4.8vw,76px) Georgia;letter-spacing:-.1em}.ch-type span{font-family:Arial;font-size:.66em}.ch-wave{background:#c7dfda;gap:3%;padding:10%}.ch-wave i{width:3.5%;background:#165749;border-radius:5px}.ch-format-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.ch-format-grid a>div{aspect-ratio:1;background-image:url('/free-library/tiles/6.webp');background-size:1200% 1200%;border:1px solid #d5dbcc;border-radius:9px}.ch-ai p{margin:-6px 0 18px;color:#526155}.ch-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-tool-grid a{border:1px solid #d8decf;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:#eff3e8}.ch-tool-grid strong{margin:0}.ch-directory{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-top:1px solid #d8decf;margin-top:15px}.ch-directory h3{margin:14px 0;color:#47604e}.ch-foot{border-top:1px solid #d8decf;display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:30px;padding-top:18px}
.ch-home a:hover strong,.ch-heading a:hover{text-decoration:underline}.ch-nav :focus-visible,.ch-home :focus-visible{outline:3px solid #75963a;outline-offset:2px}
@media(max-width:850px){.ch-cards{grid-template-columns:repeat(3,1fr)}.ch-format-grid{grid-template-columns:repeat(4,1fr)}.ch-hero{gap:3%}.ch-hero h1{font-size:56px}.ch-art{min-height:220px}}
@media(max-width:680px){.ch-row{flex-wrap:wrap;gap:0;min-height:0;padding-top:8px}.ch-brand{font-size:20px}.ch-account{gap:12px;font-size:13px}.ch-menus{order:3;justify-content:space-between;width:100%}.ch-nav summary{font-size:13px;padding:12px 0}.ch-menu{padding:15px;gap:12px;max-height:60vh;overflow:auto}.ch-menu a{font-size:13px}.ch-hero{grid-template-columns:1fr;padding:26px 5%}.ch-hero h1{font-size:55px}.ch-hero h1 br{display:none}.ch-hero h1 em:before{content:" "}.ch-hero p{margin:12px 0 16px}.ch-art{display:none}.ch-cards,.ch-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-cards .ch-cover,.ch-graphic{height:104px}.ch-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-section{padding-top:27px}.ch-home small{font-size:12px}.ch-heading a{font-size:12px}.ch-foot{gap:12px}}


.ch-asset{box-sizing:border-box;max-width:none;margin:0;padding:0}.ch-asset>main,.ch-asset>nav:not(.ch-nav){max-width:66rem;margin:24px auto;padding:0 20px}
body .free-page{padding-top:2rem}body .free-page:has(.design-studio){max-width:1550px}body .free-page:has(.design-studio) h1{font-size:clamp(28px,3vw,43px)}
body .design-studio{--foreground:149 22% 14%;--background:60 20% 99%;--border:115 12% 83%;--card:0 0% 100%;--primary:140 38% 28%;--muted-foreground:126 10% 32%;background:white;color:#203329;font-family:Inter,Arial,sans-serif}
body .design-top{background:#243c30;color:white}body .design-top :is(input,button,select){color:#1c3326;background:white}body .design-board{background:#edf0eb;justify-content:flex-start}body .design-mat{flex:1}
body .design-properties{order:-1;background:white;align-items:center;gap:6px;padding:8px}body .design-properties textarea{height:40px}body .design-pages{background:#f7f8f4}
body .design-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}body .design-tabs button[aria-pressed=true]{background:#dceac8}
.ch-audio-result{padding:22px;border:1px solid #bfcbbb;border-radius:14px;display:grid;gap:18px;align-content:start}.ch-audio-result label{display:grid;gap:6px}.ch-audio-result audio{max-width:100%}
@media(min-width:1024px){.workspace-shell .studio-rail{top:64px;height:calc(100vh - 64px)}}

body .ch-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body .ch-template-list button{display:grid;gap:6px;align-content:start;min-width:0;font-size:12px}.ch-template-preview{display:block;width:100%;height:80px;object-fit:contain;background:#edf0eb}

body>.ch-nav~header.px-shell,body>.ch-nav~header.px-tool-shell{position:static;top:auto}
.ch-menu{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.ch-nav section{margin:0;padding:0;max-width:none}.ch-nav nav,.ch-nav section{border:0}.ch-nav .ch-row{width:100%}

.ch-shelf,.ch-studios{display:grid;gap:clamp(10px,1.2vw,22px)}
.ch-print-shelf{grid-template-columns:repeat(6,minmax(0,1fr))}.ch-photo-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}
.ch-shelf a{min-width:0}.ch-shelf strong,.ch-shelf small{display:block}.ch-shelf strong{margin:9px 0 2px;font-size:clamp(15px,1.35vw,20px)}
.ch-frame{border-radius:12px;overflow:hidden;background:#dce8db;display:grid;place-items:center}
.ch-print-shelf .ch-frame{aspect-ratio:4/5;padding:9%}.ch-print-shelf a:nth-child(3n+2) .ch-frame{background:#e9dcc9}.ch-print-shelf a:nth-child(3n) .ch-frame{background:#e3dfea}
.ch-print-shelf img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 3px 6px #24382730)}
.ch-photo-shelf .ch-frame{aspect-ratio:4/3}.ch-photo-shelf img,.ch-studios img{width:100%;height:100%;object-fit:cover}
.ch-studios{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}.ch-studios a{position:relative;aspect-ratio:3.6;border-radius:14px;overflow:hidden;background:#384f40}.ch-studios strong{position:absolute;left:16px;bottom:12px;padding:5px 12px;border-radius:100px;background:white;color:#203329}
@media(max-width:850px){.ch-print-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-photo-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.ch-print-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-studios a{aspect-ratio:1.6}.ch-studios strong{font-size:14px;left:8px;bottom:8px}}

/* Brand chrome shared by catalogues, editors and account screens. */
.ch-nav{background:#f4f5f1;color:#171a17;border-bottom:1px solid #dce0d6}
.ch-nav .ch-brand{font:750 25px/1 "DM Sans","Segoe UI",Arial,sans-serif;letter-spacing:-.075em;gap:6px;color:#1a1d16}
.ch-brand img{width:34px;height:34px;display:block}
.ch-nav summary:after,.ch-nav details[open] summary{color:#4b6034}
.ch-nav .ch-menu{background:#f9faf5;color:#1c2e21;border:1px solid #dce0d6}
.ch-menu strong{color:#4c6147}.ch-sign{background:#e0ebcb}
body .brand-sign img{width:1.15em;height:1.15em;flex:none}
body .brand-sign{font-family:"DM Sans","Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:-.075em}
@media print{.ch-nav{display:none!important}}
body.px-collection{color:#203329;background:#fafaf6;font-family:"DM Sans","Segoe UI",Arial,sans-serif}
.px-collection>header,.px-collection header.px-shell,.px-collection header.px-tool-shell{position:static;min-height:0;background:#f5f6ef;color:#263929;border-color:#dce0d6}
.px-collection>header a,.px-collection header.px-shell a,.px-collection header.px-tool-shell a{color:#304633}
.px-collection>header .top-actions{width:100%;justify-content:flex-end}
.px-collection .ch-nav .ch-row{max-width:1536px}.px-collection .ch-nav .ch-menu{line-height:1.25}

.px-collection{--ink:#203329;--berry:#38512d;--lav:#e1ebd8;--line:#d9e0d6;--edge:#d7ded3;--ground:#f2f4ef;--wash:#e9efe2}
.px-collection>header{font-family:"DM Sans","Segoe UI",sans-serif}.px-collection .stock-link{border-color:#cdd9c5;background:#edf2e7}
.px-collection :is(input,textarea,select,button):focus-visible{outline:2px solid #607d42;outline-offset:2px}
.px-collection>.ch-nav .ch-menu section{background:transparent;box-shadow:none}