/* V65 brand preview — warm heritage color, clearer hierarchy, quilt-inspired navigation. */
:root{--v65-navy:#17364a;--v65-teal:#006b70;--v65-teal-dark:#00555a;--v65-coral:#c94c32;--v65-gold:#e7ad35;--v65-blue:#3e78a5;--v65-berry:#77526f;--v65-olive:#829052;--v65-cream:#f7f3e9;--v65-paper:#fff;--v65-line:#ded3c4}
body{background:var(--v65-cream);color:var(--v65-navy)}
.bqc-sale-bar{background:var(--v65-navy)!important}.bqc-sale-row-secondary{background:rgba(0,0,0,.16)}
.site-header{background:var(--v65-paper);border-bottom:0;box-shadow:0 3px 14px rgba(23,54,74,.1)}
.site-header .brand{color:var(--v65-navy);display:flex;align-items:center;text-decoration:none}.site-header .brand img,.site-header .brand span{display:none!important}.site-header .brand:before{content:"";display:block;flex:0 0 390px;width:390px;height:102px;background:url('/assets/bqc-logo-psd-horizontal.png') center/contain no-repeat}.site-header .brand:after{display:none}
@media(min-width:901px){.site-header{height:auto;max-width:none;padding:0;display:grid;grid-template-columns:minmax(390px,1.15fr) minmax(245px,.72fr) minmax(205px,.56fr)}.site-header .brand{grid-column:1;grid-row:1;padding:8px 24px 8px max(28px,calc((100vw - 1220px)/2))}.site-header:after{content:"Inspiring you to create\A something beautiful.";white-space:pre;grid-column:2;grid-row:1;align-self:center;justify-self:stretch;padding:12px 30px;border-inline:1px solid var(--v65-line);color:var(--v65-teal);text-align:center;font:500 20px/1.35 Georgia,"Times New Roman",serif}.bqc-etsy-header{grid-column:3;grid-row:1;align-self:center;justify-self:start;display:grid;grid-template-columns:auto auto;column-gap:8px;padding:10px 26px;color:var(--v65-navy);text-decoration:none}.bqc-etsy-header span{grid-column:1/-1;font-size:10px}.bqc-etsy-header strong{color:#d85027;font:500 30px/1 Georgia,"Times New Roman",serif}.bqc-etsy-header b{align-self:center;font-size:18px}.bqc-etsy-header:hover strong{color:var(--v65-teal)}.site-header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;background:var(--v65-paper);border-block:1px solid var(--v65-line);border-bottom:4px solid var(--v65-teal);padding:0 24px;gap:0}.site-header nav a{color:var(--v65-navy);padding:16px 34px;border-right:1px solid var(--v65-line);text-transform:uppercase;font-size:11px;letter-spacing:.025em}.site-header nav a:first-child{border-left:1px solid var(--v65-line)}.site-header nav a:hover{color:var(--v65-teal)!important;background:#f4f0e7}}
.hero{position:relative;background:radial-gradient(circle at 12% 24%,#fff 0,rgba(255,255,255,.88) 23%,transparent 48%),linear-gradient(115deg,#fffdf8,#f2eee3 55%,#e5f0ed);max-width:none;padding-inline:max(32px,calc((100vw - 1176px)/2));min-height:610px}.hero:before{display:none}.hero h1{color:var(--v65-navy);font-size:clamp(52px,6vw,76px)}.hero h1 em{color:var(--v65-teal)}.hero-intro{color:#354b50}.button.primary,.button:not(.cream),.nav-button{background:var(--v65-teal);border-radius:5px}.eyebrow{color:var(--v65-teal)}
.v65-resource-nav{padding:48px max(28px,calc((100vw - 1176px)/2)) 58px;background:var(--v65-paper);border-block:1px solid var(--v65-line)}.v65-section-title{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 28px;color:var(--v65-navy);font:700 30px Georgia,serif}.v65-section-title:before,.v65-section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#c7aa76)}.v65-section-title:after{background:linear-gradient(90deg,#c7aa76,transparent)}.v65-section-title i{font-style:normal;color:var(--v65-coral)}.v65-icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.v65-icon-card{--tile:var(--v65-coral);position:relative;min-height:216px;padding:22px 16px 18px;border-radius:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile),white 9%),var(--tile));color:#fff;box-shadow:0 8px 20px rgba(23,54,74,.13);transition:.2s}.v65-icon-card:nth-child(2){--tile:var(--v65-gold)}.v65-icon-card:nth-child(3){--tile:var(--v65-teal)}.v65-icon-card:nth-child(4){--tile:var(--v65-blue)}.v65-icon-card:nth-child(5){--tile:var(--v65-berry)}.v65-icon-card:nth-child(6){--tile:var(--v65-olive)}.v65-icon-card:nth-child(7){--tile:var(--v65-teal-dark)}.v65-icon-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(23,54,74,.2)}.v65-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:2px solid rgba(255,255,255,.8);border-radius:50%;font:36px Georgia,serif}.v65-icon-card strong{display:block;font:700 17px Georgia,serif}.v65-icon-card small{display:block;margin-top:10px;font:13px/1.5 Arial,sans-serif;color:#fff}.v65-icon-card b{position:absolute;left:16px;bottom:16px;font:800 11px Arial,sans-serif;text-decoration:underline}.resources-section,.patterns-page-resources{background:linear-gradient(#fffaf1,#f6ede1)}.resource-card{border-radius:7px;box-shadow:0 6px 20px #17364a12}.resource-card.coral{--accent:var(--v65-coral)}.resource-card.blue{--accent:var(--v65-teal)}.colorizer-home{border-radius:7px!important;border-color:var(--v65-line)!important;box-shadow:0 8px 22px #17364a12}.christmas-home,.purpose{background:linear-gradient(135deg,var(--v65-teal-dark),var(--v65-teal))!important;border-radius:7px}.v65-seo-intro{max-width:1176px;margin:0 auto 80px;padding:50px 46px;background:#fff;border:1px solid var(--v65-line);border-top:6px solid var(--v65-gold);box-shadow:0 8px 22px #17364a10}.v65-seo-intro h2{font:42px/1.1 Georgia,serif;margin:0 0 18px}.v65-seo-intro p{color:#46575a}.v65-seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.v65-seo-links a{padding:10px 14px;border:1px solid var(--v65-teal);border-radius:4px;color:var(--v65-teal);font-weight:800;font-size:13px}footer{background:var(--v65-navy);color:#dce6e7}footer a,footer strong,.footer-brand p{color:#fff!important}footer .copyright{border-top-color:#ffffff30}.pattern-download-card .pattern-seo-link{background:var(--v65-teal)}
@media(max-width:1050px){.v65-icon-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-header{background:#fff}.site-header .brand:before{flex-basis:245px;width:245px;height:64px}.bqc-etsy-header{display:none}.hero:before{display:none}.v65-resource-nav{padding-inline:20px}}

/* One uninterrupted brand message across the desktop header. */
@media(min-width:901px){
  .site-header{grid-template-columns:minmax(390px,.8fr) minmax(430px,1.45fr)}
  .site-header:after{grid-column:2;font-size:clamp(28px,2.7vw,42px);line-height:1.2;padding-inline:52px}
  .bqc-etsy-header{display:none!important}
}

/* Release alignment: keep primary page introductions on one shared grid. */
@media(min-width:901px){
  body .resources-hero,
  body .palette-hero,
  body main.studio,
  body .designer-hero,
  body .calc-hero,
  body .learn-hero,
  body .shop-hero>div,
  body .order-hero{
    width:min(1200px,calc(100% - 48px))!important;
    max-width:1200px!important;
    margin:0 auto!important;
    padding-top:36px!important;
  }
  body .resources-hero,
  body .palette-hero,
  body .designer-hero,
  body .calc-hero,
  body .learn-hero,
  body .order-hero{padding-left:48px!important;padding-right:48px!important}
  body main.studio{padding-left:48px!important;padding-right:48px!important}
  body .shop-hero>div{padding-left:48px!important;padding-right:48px!important}
  body .resources-hero .eyebrow,
  body .palette-hero .eyebrow,
  body main.studio>.eyebrow,
  body .designer-hero>span,
  body .calc-hero .calc-eyebrow,
  body .learn-hero .eyebrow,
  body .shop-hero .eyebrow,
  body .order-hero .eyebrow{margin-top:0!important}
}
@media(max-width:620px){.v65-icon-grid{grid-template-columns:1fr 1fr}.v65-icon-card{min-height:200px}.v65-section-title{font-size:25px}.v65-seo-intro{margin:0 14px 55px;padding:34px 24px}.v65-seo-intro h2{font-size:33px}}
@media(max-width:390px){.site-header .brand:before{flex-basis:205px;width:205px;height:54px}.v65-icon-grid{grid-template-columns:1fr}.v65-icon-card{min-height:180px}}
.v65-back-top{position:fixed;right:22px;bottom:24px;z-index:9998;display:grid;place-items:center;width:50px;height:50px;border:2px solid #fff;border-radius:50%;background:var(--v65-teal);color:#fff!important;box-shadow:0 7px 22px #17364a40;font:900 22px/1 Arial,sans-serif;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s}.v65-back-top.is-visible{opacity:1;visibility:visible;transform:none}.v65-back-top:hover,.v65-back-top:focus-visible{background:var(--v65-navy);outline:3px solid var(--v65-gold);outline-offset:2px}@media(max-width:620px){.v65-back-top{right:14px;bottom:16px;width:46px;height:46px}}
@media print{.v65-resource-nav{display:none!important}}

/* Final release alignment: every primary page starts on the same desktop grid. */
@media(min-width:901px){
  body .hero{
    width:min(1200px,calc(100% - 48px))!important;
    max-width:1200px!important;
    margin:0 auto!important;
    padding:36px 48px 54px!important;
  }
  body main:has(>.learn-hero){max-width:none!important}
  body main>.announcement{display:none!important}
  body .shop-hero h1{margin-top:0!important}
  body .calc-breadcrumb{display:none!important}
  body .calc-hero>div:first-child{transform:translateY(-20px)}
}
.learn-hero .quilt-mark{width:212px;justify-self:center}

/* V66 unified heritage palette: deep barn red replaces coral/salmon UI accents. */
:root{--v65-coral:#a33f30;--coral:#a33f30;--palette-coral:#a33f30;--red:#a33f30}
body{background:var(--v65-paper);color:var(--v65-navy)}
.eyebrow,.card-type,.pattern-meta>span{color:var(--v65-teal)!important}
.button,.nav-button,.primary{background:var(--v65-teal)!important;border-color:var(--v65-teal)!important;color:#fff!important}
.button:hover,.button:focus-visible,.nav-button:hover,.primary:hover{background:var(--v65-navy)!important}
.resource-card.coral,.pattern-coral{--accent:#a33f30}

/* The masthead is three balanced, centered brand boxes. */
@media(min-width:901px){
  .site-header{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-header .brand{justify-self:stretch;justify-content:center;padding:10px 28px}
  .site-header:after{justify-self:stretch;display:grid;place-items:center;min-height:118px;padding:12px 24px}
  .bqc-etsy-header{justify-self:stretch;align-self:stretch;place-content:center;justify-content:center;padding:10px 28px;border-right:1px solid var(--v65-line)}
  .site-header nav a{min-width:150px;text-align:center;padding-inline:25px}
}

/* Resource menu follows the same process order while preserving each section color. */
.v65-icon-card.tile-learn{--tile:var(--v65-olive)}
.v65-icon-card.tile-size{--tile:var(--v65-berry)}
.v65-icon-card.tile-palettes{--tile:var(--v65-gold)}
.v65-icon-card.tile-studio{--tile:var(--v65-teal)}
.v65-icon-card.tile-designer{--tile:var(--v65-blue)}
.v65-icon-card.tile-patterns{--tile:#a33f30}
.v65-icon-card.tile-shop{--tile:var(--v65-teal-dark)}
.v65-icon-card{padding-bottom:58px}
.v65-icon-card small{line-height:1.45}
.v65-icon-card b{right:16px;line-height:1.25}

/* Learning Center styling aligned with Explore Barn Quilt Central. */
.learn-hero{position:relative;margin-top:26px;border:1px solid var(--v65-line);border-top:6px solid var(--v65-gold);background:linear-gradient(135deg,#fff,#f4f0e6)}
.learn-hero h1,.guide-hero h1,.interactive-panel h2,.library h2{color:var(--v65-navy)}
.learn-hero-quilt{margin:0;justify-self:center;width:min(300px,100%);padding:12px;background:#fff;border:1px solid var(--v65-line);box-shadow:0 14px 32px #17364a24;transform:rotate(2deg)}
.learn-hero-quilt img{width:100%;aspect-ratio:1;object-fit:cover}
.learn-hero-quilt figcaption{padding:9px 5px 2px;color:#526461;font:italic 12px/1.35 Georgia,serif;text-align:center}
.learn-hero .button.secondary,.result-actions .button.secondary{background:#fff!important;border:2px solid var(--v65-teal)!important;color:var(--v65-teal)!important}
.learn-hero .button.secondary:hover,.result-actions .button.secondary:hover{background:var(--v65-navy)!important;color:#fff!important}
.interactive-panel,.library,.next-now,.tips{border-color:var(--v65-line);border-radius:7px;box-shadow:0 7px 22px #17364a0d}
.learning-path{gap:9px}
.learning-path a{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;min-height:92px;padding:12px;border:1px solid var(--v65-line);border-top:5px solid var(--v65-gold);background:#fff;color:var(--v65-navy);text-decoration:none;box-shadow:0 5px 14px #17364a0d;transition:.18s}
.learning-path a:hover,.learning-path a:focus-visible{transform:translateY(-3px);border-top-color:var(--v65-teal);box-shadow:0 10px 20px #17364a18}
.learning-path a>b{grid-row:1/3;color:var(--v65-gold);font:700 25px Georgia,serif}
.learning-path a>span{font-size:12px;font-weight:800;line-height:1.2}
.learning-path a>small{color:var(--v65-teal);font-size:9px;font-weight:800}
.result{border-left-color:var(--v65-gold)!important;background:#edf4f1!important}
.source-foundation{display:none!important}

/* Consolidated expandable troubleshooting knowledge base. */
.knowledge-accordion{display:grid;gap:12px;margin-top:34px}
.knowledge-accordion details{margin:0;padding:0;border-radius:5px;overflow:hidden;box-shadow:0 5px 16px #17364a0d}
.knowledge-accordion summary{position:relative;display:grid;gap:4px;padding:20px 52px 20px 22px;background:#fff;list-style:none}
.knowledge-accordion summary::-webkit-details-marker{display:none}
.knowledge-accordion summary:after{content:'+';position:absolute;right:20px;top:18px;color:var(--v65-teal);font:700 26px Georgia,serif}
.knowledge-accordion details[open] summary:after{content:'–'}
.knowledge-accordion summary span{color:var(--v65-navy);font:700 20px Georgia,serif}
.knowledge-accordion summary small{color:#65736f;font-size:12px;font-weight:500}
.knowledge-accordion details>div{padding:4px 22px 22px;background:#fff;border-top:1px solid var(--v65-line)}
.knowledge-accordion h2{margin:22px 0 7px;color:var(--v65-teal);font:700 17px Georgia,serif}

/* Palette cards use hand-painted strokes instead of rigid sample rectangles. */
.feature-color-grid{align-items:center;gap:12px}
.feature-color i{height:auto;aspect-ratio:1;border:1px solid #173f3a38!important;clip-path:none;transform:none;box-shadow:none!important}
.feature-color:nth-child(even) i{transform:none;clip-path:none}
.feature-color i:after{display:none}
.mini-color-card>div{gap:2px;border:0;background:transparent}
.mini-color-card i{clip-path:polygon(3% 4%,96% 0,100% 18%,95% 84%,100% 96%,4% 100%,0 80%,3% 22%)}
.heart,.card-favorite{color:var(--v65-teal)!important}.heart[aria-pressed=true],.card-favorite[aria-pressed=true]{background:#eaf4f1!important}

/* Keep legacy page components in the same cream, navy, teal, gold, and barn-red family. */
.resources-section,.patterns-page-resources,.v27-popular,.palette-hero,.palette-app,.studio,.size-calculator,.designer-shell{background-color:var(--v65-cream)}
.purpose{background:linear-gradient(135deg,var(--v65-teal-dark),var(--v65-teal))!important}

@media(max-width:1100px){.learning-path{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.learning-path{grid-template-columns:1fr 1fr}.learn-hero-quilt{width:220px}.feature-color i{height:105px}}

/* Replace older hard-coded coral interface accents on legacy tools. */
:root{--calc-coral:#a33f30;--bqc-accent:#a33f30}
.size-24,.visual-wall>div,.calculator-category-photo i:nth-child(2){background:#a33f30!important}
.photo-placeholder:before,.product-card>small,.pattern-detail-shop-card div>p:first-child{color:#a33f30!important}
.v27-popular-grid a,.designer-hero+.how .steps div,.designer-shell .steps div{border-top-color:#a33f30!important}
.designer-hero span,.kicker,.how>span,.sectionhead b,.designer-shell .steps b{color:var(--v65-teal)!important}
.toolbar button.active-tool,.studio-palette-card[aria-pressed=true]{outline-color:var(--v65-gold)!important}
.quilt-mark.cool i{background:var(--v65-teal)!important}

/* V67 clean canvas: all page and content backgrounds are white. Intentional
   navigation, buttons, palette swatches, quilt art, and resource tiles retain color. */
:root{--v65-paper:#fff;--v65-cream:#fff;--cream:#fff;--palette-cream:#fff;--calc-cream:#fff;--bqc-canvas:#fff}
html,body,main,
.hero,.resources-section,.patterns-page-resources,.v27-popular,
.palette-hero,.palette-app,.palette-browser,.palette-detail,.filter-panel,
.studio,.size-calculator,.calc-hero,.calculator,.designer-hero,.designer-shell,
.learn-hero,.interactive-panel,.library,.guide,.guide-hero,.guide-body,
.next-now,.tips,.v65-resource-nav,.v65-seo-intro,.resource-card,.guide-card,
.result,.knowledge-accordion details,
.knowledge-accordion summary,.knowledge-accordion details>div,
.controls,.drawing,.canvaswrap,.preview-panel,.explorer,.board,.help,.export{
  background-color:#fff!important;
  background-image:none!important;
}

/* V68 typography normalization across every section template. */
body,.site-header nav a,.bqc-mobile-menu a{font-family:Arial,Helvetica,sans-serif!important}
h1{font-family:Georgia,serif!important}
/* Keep the footer mark at its natural proportions even when legacy HTML dimensions are present. */
.footer-brand img{width:115px!important;height:auto!important;max-height:none!important;object-fit:contain!important}

/* Final masthead layout overrides the earlier three-column template. */
@media(min-width:901px){
  .site-header{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .site-header:after{grid-column:2;font-size:clamp(28px,2.7vw,42px);white-space:pre-line;padding-inline:28px}
  .site-header .bqc-etsy-header{display:none!important}
}

/* Site-wide desktop density: less empty vertical space without shrinking mobile controls. */
@media(min-width:901px){
  .bqc-sale-row{padding-block:5px}
  .site-header{height:88px!important;min-height:88px!important}
  .site-header .brand img{width:98px!important;height:70px!important}
  .site-header nav a{padding-block:8px}
  .hero{min-height:520px;padding-top:42px;padding-bottom:54px;gap:50px}
  .hero-art{height:420px}
  .resources-section{padding-top:60px;padding-bottom:68px}
  .section-heading{margin-bottom:30px}
  .resource-card{min-height:330px;padding-top:22px;padding-bottom:24px}
  .resource-card .card-type{margin-top:18px!important}
  .featured{padding-top:58px;padding-bottom:58px}
  .steps{padding-top:64px;padding-bottom:70px}
  .step-grid{margin-top:36px}
  .step-grid article{padding-top:10px;padding-bottom:10px}
  .purpose{margin-bottom:64px;padding-top:38px;padding-bottom:38px}
  .evergreen-community{min-height:340px}
  .evergreen-community>div{padding-top:52px;padding-bottom:52px}
  footer{padding-top:38px;padding-bottom:20px}
  .pattern-library{margin-top:42px;padding-top:38px}
  .pattern-library-heading{margin-bottom:22px}
  .patterns-page-resources{padding-top:32px}
  .pattern-collections{margin-bottom:54px}
}

/* One immutable desktop masthead across full-width and constrained templates. */
/* Always reserve the vertical scrollbar lane so the masthead does not shift
   sideways when moving between short and long pages. */
html{overflow-y:scroll;scrollbar-gutter:stable}
.site-header.bqc-global-header,.site-header.bqc-global-header *,.site-header.bqc-global-header:before,.site-header.bqc-global-header:after{box-sizing:border-box!important}
@media(min-width:901px){
  body .site-header.bqc-global-header{
    display:grid!important;
    grid-template-columns:minmax(390px,1fr) minmax(430px,1.4fr)!important;
    grid-template-rows:124px 50px!important;
    align-items:stretch!important;
    gap:0!important;
    row-gap:0!important;
    column-gap:0!important;
    width:100vw!important;
    max-width:none!important;
    height:174px!important;
    min-height:174px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
  }
  body .site-header.bqc-global-header .brand{
    grid-column:1!important;
    grid-row:1!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    height:124px!important;
    min-height:124px!important;
    padding:8px 28px!important;
  }
  body .site-header.bqc-global-header .brand:before{
    flex:0 0 390px!important;
    width:390px!important;
    height:102px!important;
    max-height:102px!important;
  }
  body .site-header.bqc-global-header:after{
    grid-column:2!important;
    grid-row:1!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    display:grid!important;
    place-items:center!important;
    height:124px!important;
    min-height:124px!important;
    padding:10px 28px!important;
    border-inline:0!important;
    font-size:clamp(28px,2.7vw,42px)!important;
    line-height:1.15!important;
  }
  body .site-header.bqc-global-header>nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    gap:0!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    padding:0 max(24px,calc((100vw - 1240px)/2))!important;
  }
  body .site-header.bqc-global-header>nav>a{
    display:grid!important;
    place-items:center!important;
    flex:1 1 0!important;
    min-width:0!important;
    height:46px!important;
    padding:5px 14px!important;
    color:#17364a!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    line-height:1.1!important;
  }
}