/* Craft on KC: Patterns, Resources & Supplies */
.resources-hero{padding:80px 0 85px;background:radial-gradient(circle at 90% 13%,#f3dec6 0,transparent 31%),#fbf7ef;overflow:hidden}
.resources-hero-grid{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:clamp(35px,6vw,80px)}
.resources-kicker{display:block;text-transform:uppercase;letter-spacing:.17em;color:#b06b4f;font-size:.72rem;font-weight:700;margin-bottom:18px}
.resources-hero h1{font-size:clamp(3.5rem,6vw,6.25rem);line-height:1.06;margin-bottom:25px}
.resources-hero p{font-size:1.1rem;color:#5d7062;max-width:600px}
.resources-actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:28px}
.resources-actions .plain-link{color:#2f6852;border-bottom:1px solid #98b2a2;font-weight:700;padding:7px 0}
.resources-art{position:relative;isolation:isolate;min-height:390px;display:grid;place-items:center}
.resources-art:before{content:"";position:absolute;inset:4%;border-radius:47% 53% 56% 44%/55% 49% 51% 45%;background:#e4ebe0;transform:rotate(-9deg)}
.resources-art .main-emoji{font-size:8rem;position:relative;filter:drop-shadow(0 14px 15px #3e584631);transform:rotate(-10deg)}
.resources-art .doodle{position:absolute;top:4%;right:5%;color:#ad795e;font-size:3.4rem}
.resources-art .mini-note{position:absolute;right:1%;bottom:2%;background:#fffaf2;color:#97634e;font:italic 1.25rem "DM Serif Display",Georgia,serif;border:1px solid #e6d5bf;padding:17px 21px;transform:rotate(7deg);box-shadow:0 14px 22px #70583c22}
.resources-band{background:#e8eee3;border-top:1px solid #dfe5da;border-bottom:1px solid #dfe5da;padding:27px 0}
.resources-band-inner{display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:#496552;font-size:.88rem;font-weight:700}
.resources-section{padding:90px 0;background:#fffdf8}
.resources-section.alternate{background:#f6f1e7}
.resources-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}
.resources-heading h2{margin:0}
.resources-heading p{margin:0;max-width:360px;color:#677467;font-size:.91rem}
.resources-filters{display:grid;grid-template-columns:1fr 250px;gap:15px;background:#e8efe5;border:1px solid #d7e3d4;border-radius:19px;padding:21px;margin-bottom:18px}
.resources-filters label{display:block;font-size:.8rem;color:#49624f;font-weight:700;margin-bottom:7px}
.resources-filters input,.resources-filters select{display:block;width:100%;padding:12px 13px;min-height:46px;background:#fffdf8;color:#2c4a38;border:1px solid #b9cdbe;border-radius:11px;font:inherit}
.resources-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 23px;color:#68756b;font-size:.85rem}
.resources-toolbar button{border:1px solid #c1d0c0;color:#315c4c;background:#fffdf8;border-radius:99px;padding:9px 15px;cursor:pointer;font-weight:700}
.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.resource-card{background:#fbf7ee;border:1px solid #e8e2d7;border-radius:21px;padding:27px;display:flex;flex-direction:column;min-height:345px}
.resource-card[hidden]{display:none}
.resource-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:16px;background:#e2ede0;font-size:2.25rem;margin-bottom:21px}
.resource-card:nth-child(3n+2) .resource-symbol{background:#f1dfd3}.resource-card:nth-child(3n+3) .resource-symbol{background:#e9e4f2}
.resource-type{color:#ae6d50;font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.resource-card h3{font:normal 1.75rem/1.16 "DM Serif Display",Georgia,serif;margin:12px 0}
.resource-card p{color:#68766a;font-size:.88rem;margin:0 0 15px;line-height:1.7}
.resource-owner{color:#375b49;font-size:.83rem;font-weight:700}
.resource-warning{font-size:.75rem;color:#78695b;margin-top:auto;padding-top:14px;line-height:1.5}
.resource-card a{display:inline-block;margin-top:17px;color:#2c6851;font-size:.87rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.resources-empty{background:#eff4e9;padding:27px;border-radius:19px;color:#5e7163}
.resources-empty[hidden]{display:none}
.resources-planner{display:grid;grid-template-columns:330px minmax(0,1fr);gap:30px;align-items:start}
.resources-selector{background:#e9f0e6;border-radius:20px;padding:28px;border:1px solid #d7e3d5}
.resources-selector h3{font:normal 1.85rem "DM Serif Display",Georgia,serif;margin:0 0 12px}
.resources-selector p{color:#627267;font-size:.89rem}
.resources-selector label{display:block;color:#3b5a46;font-size:.84rem;font-weight:700;margin:20px 0 7px}
.resources-selector select{width:100%;min-height:48px;padding:11px;border:1px solid #b8cabd;border-radius:11px;font:inherit;background:#fffdf8;color:#2e503a}
.resources-selector .planner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.planner-tool{border-radius:99px;border:1px solid #b5cbbc;background:#fffdf8;color:#315d4b;padding:10px 16px;font:700 .82rem "DM Sans",sans-serif;cursor:pointer}
.planner-tool:hover{background:#f7faf2}
.resources-supply-card{background:#fffdf8;border:1px solid #e4e2d7;border-radius:22px;padding:32px}
.resources-supply-card h3{font:normal clamp(1.8rem,3vw,2.7rem) "DM Serif Display",Georgia,serif;margin:6px 0 12px}
.resources-supply-card .meta{display:flex;align-items:center;gap:13px;color:#667a6e;font-size:.8rem;margin-bottom:18px}
.resources-supply-card .meta span:first-child{font-size:2rem}
.resources-supply-card .progress-track{width:100%;height:10px;background:#e5eee0;border-radius:99px;overflow:hidden;margin:13px 0}
.resources-supply-card .progress-fill{height:100%;width:0;background:#326b51;transition:width .2s}
.resources-supply-card .progress-text{color:#57715d;font-size:.85rem;font-weight:700}
.resources-checklist{display:grid;gap:10px;margin:25px 0}
.supply-check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:15px 18px;border:1px solid #e2e5db;border-radius:13px;cursor:pointer;background:#fcfbf7}
.supply-check:has(input:checked){background:#eaf2e7}
.supply-check input{width:20px;height:20px;accent-color:#346a53;margin:0}
.supply-check span{font-size:.92rem;line-height:1.5;color:#405c49}
.supply-check:has(input:checked) span{text-decoration:line-through;color:#819287}
.planner-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid #e6e9df;padding-top:19px}
.planner-footer a{font-weight:700;color:#2d6651;font-size:.84rem}
.planner-disclaimer{font-size:.8rem;line-height:1.7;color:#6e796d;margin:22px 0 0}
.planner-status{color:#53735c;font-size:.82rem;margin-top:12px;min-height:22px}
.resources-closing{padding:55px 0;background:#2d624e;color:#fff9ed}
.resources-closing .shell{display:flex;justify-content:space-between;align-items:center;gap:25px}
.resources-closing h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:0 0 9px}
.resources-closing p{color:#e4ece1;margin:0}
.resources-closing .button{background:#f9ebd5;color:#315e4a;white-space:nowrap}
@media(max-width:1010px){.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-planner{grid-template-columns:270px 1fr}}
@media(max-width:740px){.resources-hero{padding:58px 0}.resources-hero-grid,.resources-planner{grid-template-columns:1fr}.resources-art{min-height:275px;max-width:395px;margin:auto}.resources-art .main-emoji{font-size:6rem}.resources-section{padding:65px 0}.resources-heading{display:block}.resources-heading p{margin-top:14px}.resources-filters{grid-template-columns:1fr}.resources-selector{padding:24px}.resources-closing .shell{flex-direction:column;align-items:flex-start}.resources-closing .button{white-space:normal}}
@media(max-width:520px){.resources-grid{grid-template-columns:1fr}.resource-card{min-height:0}.resources-supply-card{padding:22px}.resources-band-inner{display:block}.resources-band-inner span{display:block;padding:5px 0}}
@media print{header,footer,.resources-hero,.resources-band,.resources-section:first-of-type,.resources-selector,.resources-closing,.planner-tool{display:none!important}.resources-section{padding:0}.resources-planner{display:block}.resources-supply-card{border:0}.supply-check{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){.resources-supply-card .progress-fill{transition:none}}