.activity-library{margin-bottom:34px}.activity-card{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:center;background:#fff;border:2px solid #24a323;border-radius:20px;padding:26px}.activity-preview{display:block;border-radius:14px;overflow:hidden;background:#fff}.activity-preview img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain}.activity-tag{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#207a1e}.activity-copy h2{font-size:30px;margin:12px 0}.activity-copy p{font-size:16px;color:#555;max-width:530px;margin-bottom:22px}.activity-downloads{display:flex;flex-wrap:wrap;gap:14px 23px;margin-top:20px}.activity-downloads a{font-size:13px;font-weight:700;text-underline-offset:3px}.activity-soon{font-size:14px;color:#626262;margin-top:23px}.coloring-page .site-header{padding:16px 0;border-bottom:1px solid #e5e5e5}.coloring-page .brand img{width:210px}.coloring-top{padding:20px 0}.coloring-top .back{font-size:13px;margin-bottom:16px}.coloring-top h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:0 0 9px}.coloring-top>p{font-size:15px;color:#555;margin:0}.paint-app{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:20px}.paint-paper{background:#fafafa;border:1px solid #ddd;border-radius:17px;padding:12px;overflow:hidden}.paint-stage{position:relative;line-height:0;background:white}.paint-stage canvas{display:block;width:100%;height:auto;touch-action:pan-y pinch-zoom;cursor:crosshair;border-radius:5px}.paint-stage canvas:focus-visible{outline:3px solid #009bd0;outline-offset:4px}.paint-tools{background:#fff;border:1px solid #dedede;border-radius:17px;padding:20px;position:sticky;top:16px}.paint-tools fieldset{border:0;padding:0;margin:0;min-width:0}.paint-tools legend{font-size:17px;font-weight:800;padding:0;margin-bottom:14px}.paint-tools button{touch-action:manipulation}#paint-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.paint-swatch{display:block;min-width:0;min-height:44px;background:var(--swatch);border:1px solid #0003;border-radius:10px;position:relative}.paint-swatch[aria-checked=true]{outline:3px solid #171717;outline-offset:2px;z-index:1}.paint-swatch[aria-checked=true]:after{content:'✓';color:white;text-shadow:0 1px 3px #000,0 0 3px #000;position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:900}.paint-swatch:focus-visible{outline:3px solid #009bd0;outline-offset:3px;z-index:2}.paint-custom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0}.paint-custom-row label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.paint-custom-row input{width:36px;height:36px;padding:2px;border:1px solid #aaa;border-radius:7px;background:#fff;cursor:pointer}#paint-selected{font-size:11px;color:#555;max-width:86px;text-align:right}.paint-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.paint-actions button{padding:10px 5px;border:1px solid #a8b1b5;background:white;border-radius:9px;font-size:12px;font-weight:800;min-height:44px;white-space:nowrap}.paint-actions button:hover:not(:disabled){background:#f3f3f3}.paint-actions #paint-save{background:#24a323;color:white;border-color:#24a323}.paint-actions button:disabled{opacity:.4}.paint-tools #paint-status{font-size:13px;line-height:1.45;margin:16px 0 0;min-height:38px}.paint-tip{font-size:11px;color:#626262;line-height:1.5;margin:13px 0 0}#paint-loading{position:absolute;inset:0;display:grid;place-items:center;line-height:1.5;background:#ffffffeb;text-align:center;padding:30px;font-size:16px}#paint-cursor{position:absolute;width:22px;height:22px;border:2px solid #009bd0;box-shadow:0 0 0 2px white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.coloring-extras{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.coloring-downloads{border:1px solid #ddd;border-radius:16px;padding:25px}.coloring-downloads h2{font-size:23px;margin:0 0 9px}.coloring-downloads p{font-size:14px;color:#555;margin:0 0 17px}.coloring-downloads>div{display:flex;align-items:center;flex-wrap:wrap;gap:15px 22px}.coloring-downloads .button{font-size:13px;min-height:44px}.coloring-inspiration{border:1px solid #ddd;border-radius:16px;padding:23px;align-self:start}.coloring-inspiration summary{font-weight:800;font-size:16px;cursor:pointer;min-height:30px}.coloring-inspiration img{display:block;width:100%;height:auto;margin-top:20px}.coloring-privacy{font-size:12px;color:#626262;line-height:1.6;margin-top:20px;margin-bottom:20px}
@media(max-width:800px){.paint-app{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.paint-tools{padding:16px}.paint-actions{gap:5px}.paint-actions button{font-size:11px}.paint-custom-row{flex-wrap:wrap}#paint-selected{text-align:left;max-width:none}}
@media(max-width:620px){.activity-card{grid-template-columns:1fr;gap:18px;padding:20px}.activity-preview img{max-height:220px}.activity-copy h2{font-size:25px;margin:9px 0}.activity-copy p{font-size:14px;margin-bottom:18px}.activity-downloads{flex-direction:column;gap:14px}.activity-downloads a{min-height:27px}.activity-tag{font-size:10px}.activity-soon{font-size:13px}.coloring-page .site-header{padding:12px 0}.coloring-page .brand img{width:180px}.coloring-top{padding:15px 0}.coloring-top .back{margin-bottom:12px;font-size:12px}.coloring-top h1{font-size:26px;letter-spacing:-.6px}.coloring-top>p{font-size:13px;line-height:1.4}.paint-app{grid-template-columns:1fr;gap:13px}.paint-tools{order:0;position:static;padding:14px}.paint-paper{order:1;padding:7px;border-radius:12px}.paint-tools legend{font-size:15px;margin-bottom:10px}#paint-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.paint-swatch{min-height:38px;border-radius:8px}.paint-custom-row{margin:12px 0;flex-wrap:nowrap}.paint-custom-row label{font-size:11px}.paint-custom-row input{width:31px;height:31px}.paint-actions button{font-size:12px;min-height:40px;padding:8px 5px}.paint-tools #paint-status{font-size:12px;min-height:0;margin-top:10px}.paint-tip{font-size:10px;margin-top:7px}.coloring-extras{grid-template-columns:1fr;gap:15px;margin-top:18px}.coloring-downloads,.coloring-inspiration{padding:19px}.coloring-downloads h2{font-size:21px}.coloring-inspiration summary{font-size:15px}.coloring-privacy{font-size:11px}.coloring-page .build-note{margin-top:20px}}
@media print{.coloring-page .site-header,.coloring-top .back,.paint-tools,.coloring-extras,.coloring-privacy,.build-note,.site-footer{display:none!important}.paint-app{display:block;width:100%}.paint-paper{padding:0;border:0}.coloring-top h1{font-size:18px}.paint-stage canvas{max-height:85vh;width:auto;max-width:100%;margin:auto}}

.download-status{font-size:12px;color:#555;margin:12px 0 0}
.paint-custom-row>span:first-child{font-size:12px;font-weight:700}.custom-picker{margin:0 0 16px;border:1px solid #d4d4d4;border-radius:10px;overflow:hidden}.custom-picker>summary{display:flex;align-items:center;gap:9px;min-height:45px;padding:9px 11px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.custom-picker>summary::-webkit-details-marker{display:none}.custom-picker>summary:focus-visible{outline:3px solid #009bd0;outline-offset:-3px}.custom-color-sample{width:25px;height:25px;flex:none;border:1px solid #0003;border-radius:6px;background:#ff8c22}.custom-picker-arrow{margin-left:auto;font-size:20px;line-height:1}.custom-picker[open] .custom-picker-arrow{transform:rotate(180deg)}.custom-picker-body{padding:4px 11px 12px}.color-spectrum{position:relative;height:125px;border-radius:7px;background-color:#ff7800;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;cursor:crosshair;overflow:hidden;border:1px solid #0002}.color-spectrum>span{position:absolute;width:13px;height:13px;border:2px solid #fff;box-shadow:0 0 0 1px #0009;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.custom-range{display:block;font-size:11px;font-weight:700;margin:10px 0 0}.custom-range input[type=range]{display:block;width:100%;min-width:0;height:27px;margin:3px 0 0;accent-color:#24a323;cursor:pointer;touch-action:pan-y}.custom-range input.hue-range{appearance:none;-webkit-appearance:none;height:16px;margin:10px 0 8px;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #0002}.hue-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;border:3px solid white;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #555}.hue-range::-moz-range-thumb{width:18px;height:18px;border:3px solid white;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #555}.custom-range input:focus-visible{outline:2px solid #009bd0;outline-offset:4px}.custom-fine-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.custom-hex-row{display:flex;gap:10px;align-items:center;margin-top:10px}.custom-color-preview{width:40px;height:40px;flex:none;border:1px solid #0003;border-radius:7px}.custom-hex-row label{font-size:10px;font-weight:700;flex:1;min-width:0}.custom-hex-row input{display:block;width:100%;min-width:0;border:1px solid #aaa;border-radius:5px;padding:7px;margin-top:3px;font:13px monospace;box-sizing:border-box}.custom-hex-row input[aria-invalid=true]{border-color:#e60012}#paint-custom-message{font-size:11px;color:#ad0010;line-height:1.4;margin:7px 0}#paint-custom-message:empty{display:none}#paint-custom-apply{width:100%;min-height:42px;background:#24a323;color:white;font-size:12px;font-weight:800;border:1px solid #24a323;border-radius:7px;margin-top:10px}#paint-custom-apply:disabled{opacity:.4}.custom-picker-tip{font-size:10px;line-height:1.4;color:#666;margin:8px 0 0}

.activity-card + .activity-card{margin-top:24px}

/* Compact gallery cards keep both the picture and actions in view on phones. */
@media(max-width:620px){
  .activity-page .site-header{padding:12px 0 10px}
  .activity-page .brand img{width:185px}
  .activity-page .subintro{padding:14px 0 20px}
  .activity-page .subintro .back{font-size:12px;margin-bottom:15px}
  .activity-page .subintro .eyebrow{margin-bottom:7px}
  .activity-page .subintro h1{font-size:28px;letter-spacing:-.8px;margin-bottom:13px}
  .activity-page .subintro>p{font-size:14px}
  .activity-page .activity-card{grid-template-columns:76px minmax(0,1fr);column-gap:12px;row-gap:0;padding:14px;border-radius:15px}
  .activity-page .activity-preview{grid-column:1;grid-row:1/4;align-self:center;border-radius:8px}
  .activity-page .activity-preview img{height:106px;max-height:none;object-fit:contain}
  .activity-page .activity-copy{display:contents}
  .activity-page .activity-tag{grid-column:2;font-size:9px;letter-spacing:.6px;align-self:end}
  .activity-page .activity-copy h2{grid-column:2;font-size:20px;line-height:1.15;letter-spacing:-.4px;margin:6px 0 0}
  .activity-page .activity-copy p{display:none}
  .activity-page .activity-copy>.button{grid-column:2;justify-self:start;min-height:44px;padding:8px 12px;font-size:13px;gap:15px;margin-top:9px;border-radius:9px}
  .activity-page .activity-downloads{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 20px;margin-top:7px;border-top:1px solid #ededed;padding-top:3px}
  .activity-page .activity-downloads a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
  .activity-page .activity-card + .activity-card{margin-top:12px}
  .activity-page .activity-soon{font-size:12px;line-height:1.5;margin-top:16px}
}