/* the site's own menu: Squarespace's header is hidden on this page, the lime bar is the menu (Shelley, 4 October) */
body #header, body header.header, body .header-announcement-bar-wrapper{display:none!important}
#hpcm{border-top:5px solid #eb7539;--paper:#FDFBF5;--page:#fdfbf5;--ink:#1f1f21;--text:#36352f;--lead:#2b2b29;--taupe:#8d8678;--ltaupe:#b9b3a4;--line:#e2dccc;--orange:#EB7539;--w:#97C882;--s:#69BCC4;--d:#DD81AC;
 font-family:Spectral,Georgia,serif;font-weight:300;font-size:15px;line-height:1.62;color:var(--text);background:var(--page);
 background-image:radial-gradient(#e4dfd2 .6px,transparent .7px);background-size:14px 14px;max-width:none;margin:0;padding:40px min(6vw,64px) 0;border-radius:0}
#hpcm *{box-sizing:border-box}
#hpcm h1,#hpcm h2,#hpcm h3{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;color:var(--ink);margin:0;line-height:1.12}
#hpcm h1{font-size:2.4rem}#hpcm h2{font-size:1.7rem}#hpcm h3{font-size:1.15rem}
#hpcm .tick{width:34px;height:3px;background:var(--ink);margin-bottom:10px}
#hpcm .eyebrow{font-size:10.5px;letter-spacing:2.8px;text-transform:uppercase;color:var(--taupe);margin-bottom:8px}
#hpcm .eyebrow a{color:inherit;text-decoration:none}#hpcm .eyebrow a:hover{color:var(--ink)}
#hpcm .lead{font-weight:500;font-size:19px;color:var(--lead);line-height:1.35;max-width:560px;margin:12px 0 10px}
#hpcm p{max-width:560px;margin:0 0 10px}
#hpcm .num{font-family:"Libre Caslon Display",Georgia,serif;color:var(--ink);font-size:15px;letter-spacing:1px;display:flex;align-items:center;gap:10px;margin-bottom:8px}
#hpcm .num:after{content:"";flex:0 0 70px;height:1px;background:var(--ink)}
#hpcm .sec{margin-top:44px}
#hpcm .count{font-family:"Libre Caslon Display",Georgia,serif;font-size:1.05rem;color:var(--ink);margin-top:6px}#hpcm .count span{color:var(--ltaupe)}
#hpcm .kv{width:100%;border-collapse:collapse;max-width:560px;margin-top:12px}
#hpcm .kv td{padding:8px 0;border-top:1px solid var(--line);vertical-align:top;font-size:14px}
#hpcm .kv td:first-child{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe);width:140px;padding-top:11px}
#hpcm .kv tr:last-child td{border-bottom:1px solid var(--line)}
#hpcm .glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;max-width:560px;margin-top:14px}
#hpcm .glance .k{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe)}
#hpcm .glance .v{font-size:15px;color:var(--ink)}
#hpcm button,#hpcm .btn{font:inherit;font-weight:400;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;padding:9px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;border-radius:999px}
#hpcm button:hover{border-color:var(--ink)}
#hpcm button.primary{background:var(--orange);color:#fff;border-color:var(--orange)}
#hpcm button.primary:hover{background:var(--ink);border-color:var(--ink)}
#hpcm a.primary{display:inline-block!important;font-family:inherit!important;font-size:10.5px!important;font-weight:500;letter-spacing:2.2px;text-transform:uppercase;line-height:1!important;padding:12px 18px!important;border:1px solid var(--orange)!important;border-radius:999px!important;background:var(--orange)!important;color:#fff!important;text-decoration:none!important;white-space:nowrap}
#hpcm a.primary:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}
#hpcm button.quiet{color:var(--taupe)}
#hpcm button:focus-visible,#hpcm input:focus-visible,#hpcm select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#hpcm input,#hpcm select{font:inherit;font-weight:400;font-size:14px;padding:6px 8px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:6px}
#hpcm input[type=text].title{font-family:"Libre Caslon Display",Georgia,serif;font-size:2.4rem;line-height:1.12;color:var(--ink);border:0;border-bottom:1px solid transparent;background:transparent;padding:0;width:100%;border-radius:0}
#hpcm input[type=text].title:hover,#hpcm input[type=text].title:focus{border-bottom-color:var(--line)}
#hpcm .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#hpcm .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:24px}
#hpcm .card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 14px;cursor:pointer}
#hpcm .card:hover{border-color:var(--ink)}
#hpcm .card .meta{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe);margin-top:10px}
#hpcm .dots{display:flex;gap:5px;margin-top:12px}
#hpcm .dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}
#hpcm .pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:14px}
#hpcm .pcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px 12px;text-align:center;overflow:hidden}
#hpcm .pcard .sw{height:22px;margin:0 -12px 12px;border-bottom:1px solid rgba(0,0,0,.06)}
#hpcm .pcard .bot{font-style:italic;font-size:11.5px;color:var(--taupe);line-height:1.25;margin-top:3px}   /* one line, held (Shelley, 15 September, 5) */
#hpcm .pcard .nm,#hpcm .pick .nm{font-family:"Libre Caslon Display",Georgia,serif;font-size:15px;color:var(--ink);line-height:1.2}
#hpcm .pick .nm{font-size:12.5px}
#hpcm .nm span{color:#8a857a;margin:0 1px}
#hpcm .pick .bot{font-style:italic;font-size:10.5px;color:var(--taupe);line-height:1.2;margin-top:3px}
#hpcm .pcard .set{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--taupe);margin-top:4px}
#hpcm .pcard .set i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:1px}
#hpcm .roles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px}
#hpcm .rolebtn{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;padding:5px 9px;border:1px solid var(--line);background:#fff;color:var(--taupe);border-radius:999px;cursor:pointer}
#hpcm .rolebtn.rec{color:var(--ink)}#hpcm .rolebtn.rec:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ink);margin-right:5px;vertical-align:1px}
#hpcm .rolebtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}#hpcm .rolebtn.on:before{background:var(--ink)}
#hpcm .qty{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px}
#hpcm .qty button{padding:0;width:22px;height:22px;border-radius:50%;font-size:13px;line-height:1;letter-spacing:0;color:var(--taupe)}
#hpcm .qty .n{font-family:"Libre Caslon Display",Georgia,serif;font-size:15px;color:var(--ink);min-width:32px;text-align:center}
#hpcm .qty .n small{font-size:10.5px;color:var(--taupe);margin-right:1px}
#hpcm .pcard .hint{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ltaupe);margin-top:6px}
#hpcm .pcard.add{border-style:dashed;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:150px;padding:12px}
#hpcm .pcard.add:hover{border-color:var(--ink)}
#hpcm .veil{position:fixed;inset:0;background:rgba(31,31,33,.45);z-index:9998}
#hpcm .picker{overflow:hidden;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--page);z-index:9999;box-shadow:0 20px 60px rgba(0,0,0,.18)}
#hpcm .picker .ttl{font-family:"Libre Caslon Display",Georgia,serif;font-size:1.3rem;color:var(--ink);margin-bottom:10px}
#hpcm .pcard .nm a,#hpcm .pick .nm{color:inherit;text-decoration:none}#hpcm .pcard .nm a:hover{color:var(--ink)}
#hpcm .pcard .art{display:block;width:70%;aspect-ratio:1/1;object-fit:contain;margin:0 auto 6px}
@media print{
 #hpcm{background:#fff;padding:0;max-width:none;border-radius:0;font-size:12.5px}
 #hpcm .actions,#hpcm button,#hpcm .veil,#hpcm .picker,#hpcm .pcard.add,#hpcm .eyebrow a,#hpcm input[type=number],#hpcm .hint{display:none !important}
 #hpcm input[type=text].title{border:0}
 #hpcm .sec{break-inside:avoid;margin-top:28px}
 #hpcm .pcards{grid-template-columns:repeat(3,1fr)}
 #hpcm .pcard{break-inside:avoid}
 #hpcm .pcard .art{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;margin:4px 0 8px;background:#fff}
 #hpcm .pcard .sw{height:8px}
 #hpcm .roles{display:block}#hpcm .roles .rolebtn{display:none}#hpcm .roles .rolebtn.on{display:inline-block !important;border-color:var(--ink)}
 #hpcm .rolebtn:before{display:none !important}
 #hpcm .qty button{display:none !important}
 #hpcm .pgrid{max-height:none}
 #hpcm .foot{margin-top:28px}
 #hpcm .noprint{display:none !important}
}
#hpcm .picker .bar2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
#hpcm .picker input[type=search]{flex:1;min-width:160px;border-radius:999px;padding:7px 14px;-webkit-appearance:none;appearance:none}#hpcm .picker input[type=search]::-webkit-search-cancel-button{display:none}
#hpcm .picker .f{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line);background:#fff;color:var(--taupe);border-radius:999px;cursor:pointer}
#hpcm .picker .f.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#hpcm .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;overflow:auto;padding:2px;flex:1;min-height:0;align-content:start;grid-auto-rows:min-content}
#hpcm .pick{flex:none;position:relative}
#hpcm .pick .info{position:absolute;top:14px;right:8px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--taupe);font:italic 12px/18px Georgia,serif;padding:0;letter-spacing:0;text-transform:none;z-index:1}
#hpcm .pick .info:hover{border-color:var(--ink);color:var(--ink)}
#hpcm .pick{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 8px 10px;text-align:center;cursor:pointer;overflow:hidden}
#hpcm .pick:hover{border-color:var(--ink)}
#hpcm .pick .sw{height:14px;margin:0 -8px 8px}
#hpcm .pick .nm{font-family:"Libre Caslon Display",Georgia,serif;font-size:12px;color:var(--ink);line-height:1.15}
#hpcm .pick .set{font-style:italic;font-size:10.5px;color:var(--taupe);margin-top:3px;line-height:1.2}
#hpcm .pcard .rm{margin-top:8px;border:0;background:none;color:var(--ltaupe);padding:2px;font-size:10.5px}
#hpcm .pcard .rm:hover{color:var(--ink)}
#hpcm .chip{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--taupe);margin:0 6px 6px 0}
#hpcm .chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ink);margin-right:6px;vertical-align:1px}
#hpcm .callout{display:inline-block;background:transparent;border:1px solid var(--line);padding:4px 14px;font-style:italic;color:var(--taupe);font-size:13px;margin:6px 0}
#hpcm .mixwrap{max-width:640px}
#hpcm .bar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-top:14px}
#hpcm .barlab{display:flex;font-size:12px;color:var(--taupe);margin-top:6px}#hpcm .barlab span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}
#hpcm .setlist{margin-top:18px}
#hpcm .mixset{padding:12px 0;border-top:1px solid var(--line)}#hpcm .mixset:first-child{border-top:0;padding-top:4px}
#hpcm .setlist .k{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe);margin:0 0 6px}
#hpcm .setlist .k i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
#hpcm .setlist .v{display:flex;justify-content:space-between;gap:16px;font-family:"Libre Caslon Display",Georgia,serif;font-size:14px;line-height:1.6;color:var(--ink)}#hpcm .setlist .v .n{font-family:Archivo,system-ui,sans-serif;font-size:12px;color:var(--taupe)}
#hpcm .cal{border-collapse:collapse;margin-top:16px;width:100%;max-width:860px}
#hpcm .cal th{font-weight:400;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);text-align:center;padding:0 0 8px;width:48px}
#hpcm .cal td{padding:0;height:44px;vertical-align:middle}
#hpcm .cal td.n{font-family:"Libre Caslon Display",Georgia,serif;font-size:13px;color:var(--ink);white-space:nowrap;padding-right:14px;width:1%}
#hpcm .cal tr:nth-child(odd) td{background:rgba(242,240,232,.7)}
#hpcm .cal tr:nth-child(odd) td.n{background:transparent}
#hpcm .cal .cell{position:relative;height:44px;width:100%}
#hpcm .cal .fol{position:absolute;left:4px;right:4px;bottom:8px;height:5px;border-radius:3px;background:#d4dfc0}
#hpcm .cal .blm{position:absolute;left:50%;top:9px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:1.5px solid rgba(0,0,0,.18)}
#hpcm .cal .sd{position:absolute;left:50%;top:9px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:2px solid #8B6914;background:transparent}
#hpcm .cal .blm.sd{border:2px solid #8B6914}
#hpcm .legend{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--taupe);margin-top:12px}
#hpcm .legend i{display:inline-block;vertical-align:-1px;margin:0 6px 0 14px}
#hpcm .yrs{border-collapse:separate;border-spacing:0 6px;margin-top:16px;width:100%;max-width:860px}
#hpcm .yrs th{font-weight:400;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);text-align:center;padding:0 3px 2px}
#hpcm .yrs th.now{color:var(--ink)}
#hpcm .yrs td{padding:0 3px;text-align:center}
#hpcm .yrs td.n{font-family:"Libre Caslon Display",Georgia,serif;font-size:13px;color:var(--ink);white-space:nowrap;padding-right:14px;text-align:left;width:1%}
#hpcm .pill{display:block;border-radius:4px;font-size:10.5px;letter-spacing:.5px;padding:5px 2px;font-weight:400}
#hpcm .pill.Performs{background:#5a9e4a;color:#fff}#hpcm .pill.Builds{background:#97C459;color:#3B6D11}
#hpcm .pill.Fading{background:#D3D1C7;color:#5F5E5A}#hpcm .pill.Gone{border:1px dashed #B4B2A9;color:#888}
#hpcm .pill.Seed{background:#fff;border:1.5px dashed #5a9e4a;color:#27500A}
#hpcm .sm{font-size:13px;color:var(--taupe)}
#hpcm .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
#hpcm label.k{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe)}
#hpcm .hid{display:none}
#hpcm .gate{max-width:420px;margin:8vh auto 0;text-align:center;padding-bottom:60px}
#hpcm .gate h1{font-size:2.6rem}
#hpcm .gate-sub{color:var(--taupe);margin-top:8px}
#hpcm .gate-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 26px 24px;margin-top:26px;text-align:left}
#hpcm .gate-l{display:block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);margin-bottom:16px}
#hpcm .gate-l input{display:block;width:100%;box-sizing:border-box;margin-top:6px;font:inherit;font-size:1rem;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--page)}
#hpcm .gate-l input:focus{outline:none;border-color:var(--ink)}
#hpcm .gate-l select{display:block;width:100%;box-sizing:border-box;margin-top:6px;font:inherit;font-size:1rem;padding:11px 14px;border:1px solid var(--line);background:var(--page);color:var(--ink)}
#hpcm .countryask{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 40px;border-bottom:1px solid var(--line);font-family:Newsreader,Georgia,serif;font-size:15px;color:var(--ink)}
#hpcm .countryask select{font:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--ink)}
#hpcm .pnact .countryask{padding:0;border:0}
#hpcm .gate-lr{display:flex;justify-content:space-between;align-items:baseline}
#hpcm .gate-lr a{color:var(--taupe);letter-spacing:0;text-transform:none;font-size:12px;text-decoration:underline;text-underline-offset:2px}
#hpcm .gate-go{display:block;width:100%;font:inherit;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;padding:13px;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;margin-top:4px}
#hpcm .gate-go:hover{background:var(--orange)}
#hpcm .gate-note{font-size:.85rem;color:var(--taupe);line-height:1.5;margin-bottom:14px}
#hpcm .gate-alt{margin-top:18px;font-size:.9rem;color:var(--taupe)}
#hpcm .gate-alt a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#hpcm .notef{max-width:560px;margin-top:18px}
#hpcm .notef label{display:block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);margin-bottom:6px}
#hpcm .notef textarea{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;line-height:1.5;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;resize:vertical}
#hpcm .notef textarea:focus{outline:none;border-color:var(--ink)}
#hpcm .noteh{font-size:.78rem;color:var(--ltaupe);margin-top:4px}
#hpcm .space{max-width:1180px;margin:0 auto;text-align:left}
/* v4 (Design, 8 September): a dark rail at the left, paper sheets on the green room at the right. Measures from the drawing. */
#hpcm.v2 .space.v4{max-width:none;font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.6;color:#3A3A3A;background:#DFE2D9}   /* one quiet link, top right, on every page (Shelley, 16 September) */
#hpcm.v2 .c12{grid-column:span 12}#hpcm.v2 .c7{grid-column:span 7}#hpcm.v2 .c6{grid-column:span 6}
#hpcm.v2 .sheet{background:#FDFBF5;border:1px solid #d3d8ca;padding:26px 28px 28px;box-sizing:border-box}
/* v4: the plant panel */
#hpcm.v2 .space .pnmodal{width:min(1040px,calc(100vw - 32px));border-top:3px solid #37352F;padding:0}   /* ordering only: a narrow panel (Shelley, 13 September) */
/* 15 September: the member plant popup in the palette's shape. Values lifted from HPC_Plant_Library.html: 520px pane, 26px by 28px, facts in two columns between rules, headings as small caps, option rows on hairlines. */
/* the drawing's two-column popup, kept beneath for the elements it still styles */
#hpcm.v2 .space .pnmodal{width:min(1020px,calc(100vw - 44px));background:#FDFBF5;border:0;border-top:3px solid #2E352B;box-shadow:0 18px 50px rgba(35,36,32,.22)}   /* cream, no side border (28), the shadow is the edge (Shelley, 15 September) */   /* detail folded: the order box takes the width (15 September, 7) */   /* 27: the control holds, the words wrap inside the box */   /* 17: cream, not the orange tint (Shelley, 15 September) */
#hpcm .pnsize{text-transform:uppercase}   /* plant sizes in capitals, as on the plants page (Shelley, 4 October) */
#hpcm.v2 .pnsizes.off .pnsize{color:#b9b3a4;border-color:#e2dccc;background:transparent;cursor:default}#hpcm.v2 .pnsizes.off .pnsize span{color:#b9b3a4}
@media (max-width:780px){#hpcm.v2 .space .pnmodal{width:100vw;max-height:100vh;top:0;left:0;transform:none}}
/* Guides and Messages (v4) */
/* the Orders screen (v4) */
/* the Plants screen (v4) */
/* 26 (15 September): the band head on the garden page. Chevron in front, one baseline, the well as its ground across the sheet, and it stays at the top while its band scrolls. *//* the band heads on the well, tan (Shelley, 15 September) */
/* 32 (15 September): the stacked sheets. A hint under a sheet head is the same small line everywhere; the Orders screen sits flat inside its sheet, no second box. */   /* larger (Shelley, 15 September) */   /* the bar matches the thumbnail (Shelley, 15 September) */
@media (max-width:780px){
  /* 38 (16 September): on a phone the row is a fixed shape, a list and not a stack: thumbnail and bar on the left, words beside, the action on its own line under them, never past the edge */   /* the set as the band across the top, as on a card (Shelley, 16 September) */
}
/* The sections are built in two containers, .v4sheets then .v4sheets.v5rest, each a grid with an
   18px row gap. Nothing sat between the containers, so Your Plants and Orders touched while every
   other pair had air (Shelley, 17 September). */
/* Blocks, as Design drew it for v5: three groups that fold, each a list or cards.
   Values lifted from the drawing (.v5brow, .v5bcards and the group head). */   /* Shelley, 18 September: the Blocks body used to inset its content 26px, which put its band text and its rows 26px right of the plants ones and stopped the two sections lining up. No inset, and the band bleeds the 26px the plants band bleeds. To put the inset back, restore padding:0 26px 24px and --bleed:52px together, never one without the other. */
/* Shelley, 17 September: the group head wears the same band the plants bands wear. Design drew both
   as a hairline rule, and collapsed, six of those read as any site rather than as hers. Her call: keep
   the beige, make the two sections match. Geometry lifted from .pl4 .bhead.v5b so they line up exactly. */   /* Design drew 56; Shelley took it to 78 on 17 September and to 120 on the 18th, with the blurb kept short and snappy so the cover carries the row. One value, change it here. */
/* the free Block as Design's v5 draws it: the lead row of Blocks I own. Values lifted from her file. */
#hpcm.v2 .v5lead{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:start;padding:18px 0;border-bottom:1px solid #e2dccc;cursor:pointer}   /* Shelley, 17 September: Design draws this column 5fr of 12 and lets the cover stretch. Her covers are square, so the column is capped and the cover holds 1:1. */   /* the band draws the rule; the lead need not draw a second (18 September) */
/* Shelley, 18 September: the dark band on Featured. It takes the rail's tone, #37352F, rather than
   the covers' #22231f: a place of hers, not a slab. Tried across Blocks on the 17th and reverted
   there, which is why this is on Featured alone. */
/* Shelley, 18 September: dark all the way down. Her Block covers already set the botanical against a
   black panel, so this is her own pairing rather than a new idea, and it puts the weight on the plant
   instead of on the bar above it. The band bleeds the sheet's padding the way the head does. */
/* Shelley, 18 September: the botanicals are the guide's, drawn on a pale field, so on charcoal each
   one would be a white rectangle punched into the dark. The tile keeps its cream and sits on the
   charcoal instead, which is the pairing her Block covers already use: illustration panel, black panel. */
@media (max-width:760px){#hpcm.v2 .v5lead{grid-template-columns:minmax(0,1fr);gap:16px}
  /* Shelley, 18 September: the cover is capped at 300px wide on a wide screen, and one column on a
     phone let it take the whole width. Here it keeps its height and shows the whole botanical in its
     cream field rather than cropping to fill. */}   /* the page's general button rule sets uppercase and 600 at equal weight, so this has to out-weigh it (79) */   /* Shelley, 18 September: the space before the removal symbol comes from the label, the same way "Notified \u00d7" and "On source list \u00d7" get theirs, so all three match */   /* the list stands on its own rule now the bands are gone (17 September) */
/* The top of the page as Design drew it for v5: a heading and a standfirst over the sections,
   then This month as one section, the month and her note on the left, the latest musing on the
   right behind a rule, the job rows under. Values lifted from the drawing (.v5top, .v5jobrow). */
/* Shelley, 17 September: the jobs tuck in beside the photograph rather than running full width
   under it, so her note and the rows fill the left column and nothing sits empty. Design drew the
   rows under both columns, balanced against a note of four or five lines; hers is deliberately two,
   because the long form belongs in the musings. Both were drawn side by side before this was chosen,
   so it is a decision, not a drift from the drawing. */   /* her musing photographs are 4:3, so the frame is too (Shelley, 19 September) */   /* her note needs air before the first job, and the rule over them is the black one Design drew; both were losing to the older .os-jobs rule at equal weight (79) */   /* the job count in Design\u2019s darker orange, as the drawing has it; it must out-weigh the grey count rule above (79) */
/* The plant row as Design drew it for v5: three columns, Variety | Why I use it | the twelve months,
   under a header line. Values lifted from the drawing (.v5prow, .v5phead, .v5months). */
/* the open Garden Space (19 September): a visitor sees no season columns, and the join sits where the jobs do */
#hpcm.visitor .bomonths,#hpcm.visitor .bokey{visibility:hidden}   /* and not in a Block they open either; the Block code draws them, this page only holds them back */
/* lifted from the Block Library, 17 September */
#hpcm .guestpaid{background:#F6F2E7;border-top:2px solid var(--orange);padding:22px 26px;margin:0 0 34px}#hpcm .guestpaid h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;color:var(--ink);margin:0 0 6px}#hpcm .guestpaid p{margin:0;max-width:60ch}
/* The open Garden Space page (19 September), to Design's Garden Space states drawing. Values lifted from it. */
#hpcm.gs,#hpcm.v2.gs .space.v4{background:#FDFBF5;background-image:none}
#hpcm.v2.gs .space.v4{font-family:Archivo,system-ui,sans-serif;font-size:13px;color:#3A3A3A}
#hpcm.v2.gs .sheet,#hpcm.v2.gs .sheet.wide{background:transparent;border:0;padding:0;margin:0}
#hpcm.v2.gs .sheet+.sheet{margin-top:0}
#hpcm.v2.gs{--bleed:0px}
/* the Block Manager (Design's Manage my Block, 19 September) */
#hpcm.v2 button.gsmtab{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px 10px;background:none;border:0;border-bottom:3px solid transparent;color:#6E7466;cursor:pointer;border-radius:0}
#hpcm.v2 button.gsmtab.on{color:#232420;border-bottom-color:#EB7539}
#hpcm.v2 button.gsmtab:hover{background:none;color:#232420}
#hpcm .gsmtab span{margin-left:7px;font-weight:400;color:#6E7466}
/* the season bars (20 September): Design's Block chart language, thin for a young plant, thick for a full clump */
#hpcm .gseye{margin-top:34px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466}
/* The open Garden Space's Block rows and pre-buy panel (19 September). Values lifted from Design's
   Garden Space states and Manage my Block drawings. */   /* a door they own is ink, not orange: orange is money (the colour rule) */   /* on a phone the rail is a row of words; the Blocks they own are in My Blocks below */   /* the botanical sits on the paper, as the Block page has it, not on black (Shelley, 19 September) */
/* joining is not money, so the join is not orange (the colour rule): a plain ink outline, filled on hover */
/* the row's actions are Design's: small text with a rule under it, all on one line. The card's
   bordered buttons were stacking up like a tower (Shelley, 17 September). A plain state word keeps
   the drawing's bordered chip; anything you can press becomes a link. */   /* larger cards (Shelley, 15 September) */
#hpcm.v2 .space .pcards .pcard .sw.add{height:auto;min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 10px}
/* the Block card, as the Block Library draws it (shared markup in hpc-block.js) */
#hpcm.v2 .catcard{cursor:pointer;display:flex;flex-direction:column;height:100%}
#hpcm.v2 .catcard .bk,#hpcm.v2 .catcard .bkimg{width:100%;height:auto;aspect-ratio:1/1;padding:0;overflow:hidden;background:#22231f;border-radius:0;box-shadow:none}#hpcm.v2 .catcard .bkimg img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
#hpcm.v2 .catcard .catcap{display:flex;flex-direction:column;flex:1;padding-top:6px;margin-top:10px}#hpcm.v2 .catcard .catcap .sm{margin-top:6px;line-height:1.45;font-family:Archivo,system-ui,sans-serif;font-size:11.5px;letter-spacing:.02em;color:#6E7466}
#hpcm.v2 .catcard .bkname{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#232420}#hpcm.v2 .catcard .bkname b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:15.5px;line-height:1.2}#hpcm.v2 .catcard .catplants{color:#3A3A3A;margin-top:4px}
#hpcm.v2 .catcard .catnow{display:block;margin-top:10px;padding-left:11px;border-left:2px solid #EB7539}#hpcm.v2 .catcard .catnow b{display:block;font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#EB7539}#hpcm.v2 .catcard .catnow{margin-bottom:11px}
#hpcm.v2 .borow.conn{padding:16px 0 6px;border-bottom:1px solid #232420}#hpcm.v2 .borow.conn>span:first-child{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466}
#hpcm.v2 .catcard .stag.own{align-self:flex-start;margin-top:auto;padding-top:5px;border-radius:0;padding:5px 9px;font-size:10.5px;font-weight:600;letter-spacing:.12em;background:#232420;color:#FDFBF5;border-color:#232420}
#hpcm.v2 .catcard .bkimg{overflow:hidden}
#hpcm.v2 .catbadge .lock{display:inline-block;width:9px;height:11px;border:1px solid #EB7539;border-radius:1px;margin-right:7px;vertical-align:-1px}
#hpcm.v2 .catcard .bkimg{position:relative}#hpcm.v2 .catbadge{position:absolute;left:0;top:0;z-index:1;padding:6px 10px;background:#FDFBF5;border-right:1px solid #e2dccc;border-bottom:1px solid #e2dccc;font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#EB7539}
#hpcm.v2 .catcard .stag{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;padding:2px 7px;border-radius:10px;border:1px solid #e2dccc;color:#8d8678;white-space:nowrap;line-height:1;flex:0 0 auto}
#hpcm.v2 .catcard .stag.own{background:#232420;color:#FDFBF5;border-color:#232420}   /* 10: a door is black */
#hpcm.v2 .catcard .stag.buy{background:#EB7539!important;color:#fff!important;border-color:#EB7539!important;font-size:11.5px;font-weight:600;letter-spacing:.09em;padding:9px 16px;border-radius:0;cursor:pointer}
/* the Blocks in one row, scrolling sideways (Shelley, 12 September) */
#hpcm.v2 .catcard{display:flex;flex-direction:column}#hpcm.v2 .catcard .catcap{display:flex;flex-direction:column;flex:1}#hpcm.v2 .catcard .catnow{margin-bottom:0}#hpcm.v2 .catcard .stag.own{margin-top:auto!important;position:relative;top:11px}
/* the two profiles (12 September) */
#hpcm.v2 .pfslider{margin-top:16px}#hpcm.v2 .pfk{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466;margin-top:18px}#hpcm.v2 .pfslider .pfk{margin-top:0}
#hpcm.v2 .pfends{display:flex;justify-content:space-between;font-family:Newsreader,Georgia,serif;font-size:14px;color:#3A3A3A;margin-top:6px}
#hpcm.v2 .pfslider input[type=range]{width:100%;margin-top:6px;accent-color:#EB7539}
#hpcm.v2 .catcard .marks{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}#hpcm.v2 .catcard .marks span{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#b9b3a4}#hpcm.v2 .catcard .marks span.on{color:#232420}
/* the Block preview as a dialog (12 September): a fixed panel with its own scroll, so the page behind never moves */
#hpcm.v2 .bodlg{position:fixed;left:50%;top:max(16px,calc(50vh - 400px));transform:translate(-50%,0);z-index:9999;width:min(920px,calc(100vw - 32px));height:min(calc(100vh - 32px),800px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 24px 60px rgba(31,31,33,.25)}
#hpcm.v2 .bodlg .v4binline{border:0;min-height:100%;background:#FDFBF5;padding-bottom:36px}#hpcm.v2 .bodlg .bohead{background:#FDFBF5}
#hpcm.v2 .bodlg .bohead{position:sticky;top:0;z-index:2;background:#FDFBF5}
@media (max-width:780px){#hpcm.v2 .bodlg{width:100vw;height:100vh;max-height:none;left:0;top:0;transform:none}}
/* the Block opened in place (12 September, to Design's drawing) */
#hpcm.v2 .v4binline{background:#FDFBF5;border:1px solid #d3d8ca;border-top:3px solid #37352F}
#hpcm.v2 .bohead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 28px;border-bottom:1px solid #e2dccc}#hpcm.v2 .bohead span{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#6E7466}#hpcm.v2 .bohead a{font-size:18px;color:#232420;text-decoration:none;line-height:1}
#hpcm.v2 .v4binline h2{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:28px;line-height:1.1;color:#232420;margin:0;border:0;padding:0}#hpcm.v2 .v4binline h2:after{display:none}
#hpcm.v2 .v4binline h3{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:22px;line-height:1.15;color:#232420;margin:0}
#hpcm.v2 .boacts{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#hpcm.v2 .boacts a{font-size:13px;color:#232420;text-decoration:none;border-bottom:1px solid #B9BFAF;padding-bottom:2px}
#hpcm.v2 .bopend{padding:26px 30px 30px}#hpcm.v2 .bopend .os-btn{margin-top:18px}
#hpcm.v2 .borows{padding:26px 30px 30px}
#hpcm.v2 .botable{margin-top:26px}
#hpcm.v2 .borow{display:grid;grid-template-columns:minmax(200px,1.4fr) 74px minmax(0,1fr);gap:18px;align-items:start;padding:13px 0;border-bottom:1px solid #e2dccc}
#hpcm.v2 .borow.head{padding-bottom:8px;border-bottom:1px solid #232420}#hpcm.v2 .borow.head>span{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466}
#hpcm.v2 .borow.quiet .boname .nm,#hpcm.v2 .borow.quiet .boqty b{color:#8d8678}
#hpcm.v2 .bomonths{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-items:center}#hpcm.v2 .bomonths i{display:block;height:11px}#hpcm.v2 .bomonths em{text-align:center;font-style:normal;font-size:10.5px;font-weight:600;color:#6E7466}#hpcm.v2 .bomonths em.now{color:#232420}
#hpcm.v2 .boname{display:flex;align-items:flex-start;gap:12px;min-width:0}#hpcm.v2 .boname .sw{flex:0 0 auto;width:72px;height:90px;background:#EDE8DB;border-left:4px solid #e2dccc;overflow:hidden;display:block}#hpcm.v2 .boname .sw img{display:block;width:100%;height:100%;object-fit:cover}
#hpcm.v2 .boname .nm{display:block;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.2;color:#232420;text-decoration:underline;text-decoration-color:#d3d8ca;text-underline-offset:3px}
#hpcm.v2 .boname .bot{display:block;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:12.5px;line-height:1.35;color:#6E7466;margin-top:2px}
#hpcm.v2 .boalso{display:block;font-size:11px;letter-spacing:.06em;color:#6E7466;margin-top:6px}
#hpcm.v2 .bonote{display:block;margin-top:8px;padding-left:10px;border-left:2px solid #5a9e4a;font-size:11.5px;line-height:1.45;color:#3A3A3A}#hpcm.v2 .bonote.orange{border-left-color:#EB7539}#hpcm.v2 .bonote b{display:block;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3B6D11}#hpcm.v2 .bonote.orange b{color:#EB7539}
#hpcm.v2 .boprice{display:block;font-size:11.5px;line-height:1.5;color:#6E7466;margin-top:7px}#hpcm.v2 .boprice a{color:#232420;text-decoration:none;border-bottom:1px solid #B9BFAF}
#hpcm.v2 .botot{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:17px;line-height:1.1;color:#232420;letter-spacing:0;text-transform:none}#hpcm.v2 .connrule{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:34px;padding-bottom:9px;border-bottom:1px solid #232420}#hpcm.v2 .connrule .lbl{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466}#hpcm.v2 .connrule .lbl i{display:inline;margin-left:14px;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:#3A3A3A}@media (max-width:780px){#hpcm.v2 .connrule{flex-wrap:wrap}#hpcm.v2 .connrule .lbl i{display:block;margin:8px 0 0}}#hpcm.v2 .connrule .tot{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.1;color:#232420}#hpcm.v2 .connsay{font-family:Newsreader,Georgia,serif;font-size:14.5px;line-height:1.55;color:#3A3A3A;margin:12px 0 6px;max-width:none}
#hpcm.v2 .boqty b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:17px;line-height:1.2;color:#232420}#hpcm.v2 .boqty span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#6E7466;margin-top:3px}
#hpcm.v2 .bojobrow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin-top:10px}#hpcm.v2 .bojobrow .bojob{margin-top:0;min-width:max-content;white-space:nowrap;justify-self:start;position:relative;z-index:1}#hpcm.v2 .bojobrow .bojob.late{justify-self:end}#hpcm.v2 .bojob{display:inline-flex;align-items:baseline;gap:8px;padding:5px 10px;border:1px solid #EB7539;background:#FCEDE3;margin-top:10px}#hpcm.v2 .bojob b{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#EB7539}#hpcm.v2 .bojob span{font-size:11.5px;color:#3A3A3A}
#hpcm.v2 .bosay{display:block;margin-top:7px;padding-left:0;border-left:0}#hpcm.v2 .bosay i{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:14.5px;line-height:1.5;color:#3A3A3A;max-width:52ch;display:block}   /* under the plant now, so it needs no rule to hold it (Shelley, 17 September) */
#hpcm.v2 .bokey{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px}#hpcm.v2 .bokey span{display:flex;align-items:center;gap:7px;font-size:11px;color:#3A3A3A}#hpcm.v2 .bokey i{width:14px;height:9px;display:inline-block}#hpcm.v2 .bokey .mute{color:#6E7466}
#hpcm.v2 .catcard .stag.tell{align-self:flex-start;margin-top:auto!important;position:relative;top:11px;background:transparent;color:#232420;border:1px solid #232420;border-radius:0;padding:5px 9px;font:600 10.5px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}#hpcm.v2 .catcard.coming{cursor:default}
#hpcm.v2 .bofoot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 30px 26px;border-top:1px solid #e2dccc}#hpcm.v2 .bofoot>span{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.5;color:#3A3A3A;max-width:46ch}
#hpcm.v2 .catcard .derived{color:#3A3A3A!important}
/* v5: the opened Block to the drawing (Design, September). Why I built it leads full width, then the spec strip full width, then the mix and the rows. Same rules go into the Block Library. */   /* 13: the botanical at full height (Shelley, 15 September) */
/* the fade at the foot of every botanical stays on screen (Shelley, 16 September); v5 had cancelled it here. Print drops it (485). */
#hpcm.v2 .boacts{position:static;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 26px;background:#F6F2E7;border-bottom:1px solid #e2dccc}   /* 35: on its own band under the image */
/* Design, Block Actions, 16 September. Values lifted from Block_Actions_dc.html. */
#hpcm.v2 .bodlg .boacts,#hpcm.v2 .v4binline .boacts,#hpcm.v2 .catopen .boacts{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 26px;background:#F6F2E7;border-bottom:1px solid #e2dccc}
#hpcm.v2 .bodoor,#hpcm.v2 a.bodoor,#hpcm.v2 .bodoor-wrap a{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#232420;text-decoration:none;border:0;border-bottom:1px solid #B9BFAF;padding:0 0 3px;background:transparent;cursor:pointer}
#hpcm.v2 .borows .os-head.bohead2{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 12px;padding:0}   /* Design 2a: one row, centred, closed by the rows' rule 12px under */
#hpcm.v2 .borows .os-head.bohead2 h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:20px;letter-spacing:0;text-transform:none;color:#232420;margin:0}
#hpcm.v2 .borows .os-head.bohead2+.botable{border-top:1px solid #232420;padding-top:10px;margin-top:0}
#hpcm.v2 .boorder{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0}
#hpcm.v2 .kitclosed{display:flex;flex-direction:column;align-items:flex-start;gap:8px}#hpcm.v2 .kitwin{font-family:Archivo,system-ui,sans-serif;font-size:12.5px;color:#EB7539}
@media (max-width:780px){
  #hpcm.v2 .bodlg .boacts,#hpcm.v2 .v4binline .boacts,#hpcm.v2 .catopen .boacts{flex-direction:column;align-items:stretch}
  #hpcm.v2 .borows .os-head.bohead2{flex-direction:column;align-items:stretch}#hpcm.v2 .boorder{flex-direction:column;align-items:stretch;gap:14px}
  #hpcm.v2 .boorder .kitgo{display:flex;flex-direction:column-reverse;align-items:stretch}#hpcm.v2 .boorder .kitgo .os-btn{text-align:center;padding:13px 18px}
  #hpcm.v2 .kitclosed{flex-direction:row;justify-content:space-between;align-items:center}
}   /* 36: columns sized to their content, one gap */   /* 14: a preview shows prose.short; without one the full text is held to three lines */   /* 34 (15 September): the plant popup's facts treatment, room between them */
#hpcm.v2 .borows{padding:20px 26px 26px}
#hpcm.v2 .borows .os-head h3{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6E7466}
#hpcm.v2 .borow{grid-template-columns:minmax(0,1.5fr) 62px minmax(0,1fr);gap:14px;padding:11px 0}
#hpcm.v2 .bolayout{display:block;padding:9px 14px;text-decoration:none;color:#232420;background:transparent}#hpcm.v2 .bolayout.on{background:#2E352B;color:#FDFBF5}
#hpcm.v2 .bolayout.off{opacity:.45;cursor:default}   /* 30: there, and not a door */
#hpcm.v2 .bolayout b{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}#hpcm.v2 .bolayout span{display:block;font-size:11px;color:#6E7466;margin-top:2px}#hpcm.v2 .bolayout.on span{color:#9EAC93}
/* Design's Block popup, 18 September: the plan strip. Every value lifted from Design's drawing.
   Two departures, both because the drawing and this build differ, not the design (Claude, 18 September):
   Design's @container (max-width:640px) is a media query here, because the dialog is not a
   container and the rule would never have fired; and the plan well holds a botanical drawing
   rather than a photograph, so it is contained inside the well rather than cropped to fill it. */
/* Shelley, 18 September: the cover was chopped in half. The well stretched to the strip's height,
   so the taller the right-hand side grew the more of a portrait cover was cropped away: a tenth of it
   on the public page, more than half on the member space. The well takes the cover's own height now
   and the strip no longer stretches it, so the whole cover shows at 186px wide whatever sits beside it. */
#hpcm .v5bplan{display:grid;grid-template-columns:186px minmax(0,1fr);align-items:start;border-bottom:1px solid #e2dccc}
#hpcm .v5bplan.nowell{grid-template-columns:minmax(0,1fr)}
#hpcm .borows .os-head.bohead2 .bohead2l{min-width:0;display:block}
#hpcm .borows .os-head.bohead2 .boallnote{display:block;font-family:Archivo,system-ui,sans-serif;font-size:11.5px;line-height:1.45;color:#6E7466;margin-top:3px;max-width:46ch}
#hpcm .v5bplanth{position:relative;display:block;width:186px;min-height:186px;background:#EDE8DB;border-right:1px solid #e2dccc;text-decoration:none;overflow:hidden}
#hpcm .v5bplanth>img{display:block;width:100%;height:auto}
#hpcm .v5bcap{position:absolute;left:12px;bottom:11px;font-family:Archivo,system-ui,sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8A9080}
#hpcm .v5bplanb{min-width:0;padding:16px 24px 17px}
#hpcm .v5btop{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
#hpcm .v5bpstate{font-family:Archivo,system-ui,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
#hpcm .v5bhead{font-family:Archivo,system-ui,sans-serif;font-size:11.5px;color:#6E7466}
#hpcm .v5bplan .v5bplanb .v5bpname{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:26px;line-height:1.08;color:#232420;margin:5px 0 0}
#hpcm .v5bmeta{font-family:Archivo,system-ui,sans-serif;font-size:11.5px;color:#6E7466;margin-top:5px}
#hpcm .v5bwhy{font-family:Newsreader,Georgia,serif;font-weight:300;font-style:italic;font-size:16.5px;line-height:1.5;color:#3A3A3A;margin:10px 0 0;max-width:56ch}
#hpcm .v5bchiprow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
#hpcm .v5chips{display:inline-flex;width:max-content;max-width:100%;border:1px solid #d3d8ca}
#hpcm .v5chips>*:last-child{border-right:0}
#hpcm .v5chip{display:flex;flex-direction:column;gap:1px;padding:8px 13px;border-right:1px solid #d3d8ca;text-decoration:none;color:#232420;background:transparent}
#hpcm .v5chip b{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#hpcm .v5chip span{font-family:Archivo,system-ui,sans-serif;font-size:11px;color:#6E7466}
#hpcm .v5chip.on{background:#FDFBF5;color:#232420;box-shadow:inset 0 0 0 1px #232420}
#hpcm .v5chip.on span{color:#6E7466}
#hpcm .v5chip.off b,#hpcm .v5chip.off span{color:#b9b3a4}
#hpcm .v5bnote{font-family:Archivo,system-ui,sans-serif;font-size:11.5px;color:#6E7466}
#hpcm .v5doors{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid #e2dccc}
#hpcm .v5bplan .v5doors .bodoor{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#232420;text-decoration:none;border-bottom:1px solid #B9BFAF;padding-bottom:3px}
#hpcm .v5bplan .v5doors .os-btn,#hpcm .v5bplan .v5doors a.primary{background:#EB7539;color:#232420;border:1px solid #EB7539;padding:10px 17px;font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;margin:0}
/* the mix, a legend under the plants now rather than a bar above them */
#hpcm .v5bpmix{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px}
#hpcm .v5bpmix span{display:flex;align-items:center;gap:6px;font-family:Archivo,system-ui,sans-serif;font-size:11px;color:#3A3A3A;white-space:nowrap}
#hpcm .v5bpmix i{width:10px;height:10px;display:inline-block;outline:1px solid #d3d8ca;background:#e2dccc}
@media (max-width:640px){
.vbshop .shopteaser{display:none !important}   /* on a phone, Plants shows only the bar; the feelings open under it (Shelley, 11 October) */
#hpcm .v5bplan{grid-template-columns:minmax(0,1fr)}
#hpcm .v5bplanth{width:100%;border-right:0;border-bottom:1px solid #e2dccc}
#hpcm .v5bplanth>img{max-width:186px;margin:0 auto}
#hpcm .v5bplanb{padding:15px 18px 16px}
#hpcm .v5bplan .v5bplanb .v5bpname{font-size:23px}
#hpcm .v5doors{gap:14px}
#hpcm .v5bplan .v5doors .os-btn,#hpcm .v5bplan .v5doors a.primary{flex:1 0 100%;text-align:center;padding:13px 18px}
#hpcm .v5chips{width:100%}
#hpcm .v5chip{flex:1 1 0;min-width:0}
}
@media (max-width:780px){#hpcm.v2 .bojobrow{display:grid}#hpcm.v2 .bojobrow .bojob{font-size:10px;padding:5px 7px}#hpcm.v2 .bojobrow .bojob.late{justify-self:end}#hpcm.v2 .borow{grid-template-columns:minmax(0,1fr) 64px;gap:12px}#hpcm.v2 .borow>span:nth-child(3){grid-column:1 / -1}#hpcm.v2 .borows,#hpcm.v2 .bofoot{padding-left:18px;padding-right:18px}}
/* the kit (411) */
#hpcm.v2 .kit{margin:0;padding:0;border:0}
#hpcm.v2 .kv.basket.waiting tr{opacity:.45}#hpcm.v2 .boacts .kit{display:inline-flex}#hpcm.v2 .boacts .kit .kitrow{margin:0}
#hpcm.v2 .kitrow{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:10px}   /* Shelley, 17 September: the sizes and the button sit on the same bottom line */
#hpcm.v2 .kitgo{display:inline-flex;flex-direction:column-reverse;align-items:flex-start;gap:4px}   /* Shelley, 17 September: the ships line goes above the button so the button lines up with the sizes */#hpcm.v2 .kitships{font-family:Archivo,system-ui,sans-serif;font-size:11px;color:#6E7466}#hpcm.v2 .kitwin{font-size:12.5px;color:#EB7539}
#hpcm.v2 .kit .pnsizes{display:flex;gap:0;margin:0;border:1px solid #d3d8ca;width:max-content}
#hpcm.v2 .vbkit .kitrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
#hpcm.v2 .vbkit .kitgo .os-btn{border:1px solid #EB7539;background:#EB7539;color:#FDFBF5;margin:0}
#hpcm.v2 .vbkit .kitships{font-size:12px;color:#6F6B60}
/* 16 September: the kit in the opened Block, in the shape of the layout tabs beside it. The dialog sits outside .space, so it needs its own rules. */
#hpcm.v2 .bodlg .kit .pnsize,#hpcm.v2 .v4binline .kit .pnsize,#hpcm.v2 .vbkit .kit .pnsize{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#232420;background:transparent;border:0;border-right:1px solid #d3d8ca;padding:9px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;box-shadow:none;cursor:pointer;border-radius:0}
#hpcm.v2 .bodlg .kit .pnsize:last-child,#hpcm.v2 .v4binline .kit .pnsize:last-child,#hpcm.v2 .vbkit .kit .pnsize:last-child{border-right:0}
#hpcm.v2 .bodlg .kit .pnsize span,#hpcm.v2 .v4binline .kit .pnsize span,#hpcm.v2 .vbkit .kit .pnsize span{font-family:Newsreader,Georgia,serif;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:#6E7466}
#hpcm.v2 .bodlg .kit .pnsize.on,#hpcm.v2 .v4binline .kit .pnsize.on,#hpcm.v2 .vbkit .kit .pnsize.on{background:#232420;color:#FDFBF5;box-shadow:none}#hpcm.v2 .bodlg .kit .pnsize.on span,#hpcm.v2 .v4binline .kit .pnsize.on span,#hpcm.v2 .vbkit .kit .pnsize.on span{color:#9EAC93}
#hpcm.v2 .bodlg .kit .pnsizes.off .pnsize,#hpcm.v2 .v4binline .kit .pnsizes.off .pnsize,#hpcm.v2 .vbkit .kit .pnsizes.off .pnsize{color:#b9b3a4;cursor:default}
#hpcm.v2 .bodlg .kit .os-btn,#hpcm.v2 .v4binline .kit .os-btn{background:#EB7539;color:#232420;border:1px solid #EB7539;padding:11px 18px;font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin:0}
#hpcm.v2 .bodlg .kit .kitrow,#hpcm.v2 .v4binline .kit .kitrow{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}   /* same bottom line inside the Block (17 September) */
/* the Blocks screen (v4) */
#hpcm.v2 .bk4 h1{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:clamp(28px,3vw,40px);line-height:1.1;color:#232420;margin:0}
#hpcm.v2 .bk4 .lede{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:clamp(19px,2vw,24px);line-height:1.5;color:#3A3A3A;margin:14px 0 0;max-width:50ch}
/* each product and its narrative, side by side (Shelley, 13 September) */
#hpcm.v2 .routes .rtitle{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:clamp(24px,2.4vw,30px);line-height:1.15;color:#232420;margin:0;border:0;padding:0}#hpcm.v2 .routes .rtitle:after{display:none}
#hpcm.v2 .routes .rlede{font-family:Newsreader,Georgia,serif;font-size:17px;color:#3A3A3A;margin:10px 0 0}
#hpcm.v2 .routepair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:26px}
#hpcm.v2 .routepair .route h3{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:24px;line-height:1.15;color:#232420;margin:0 0 10px}
#hpcm.v2 .routepair .route p{font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.6;color:#3A3A3A;margin:0 0 16px;max-width:46ch}
@media (max-width:780px){#hpcm.v2 .routepair{grid-template-columns:1fr;gap:26px}}
#hpcm.v2 .askform{margin-top:16px;padding:18px 20px;background:#FDFBF5;border:1px solid #e2dccc;text-align:left}
#hpcm.v2 .askform label{display:block;margin-top:12px;font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466}
#hpcm.v2 .askform input,#hpcm.v2 .askform textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;font-family:Newsreader,Georgia,serif;font-size:16px;padding:9px 11px;border:1px solid #d3d8ca;background:#fff;color:#3A3A3A;border-radius:0;resize:vertical}
#hpcm.v2 .askacts{display:flex;align-items:center;gap:16px;margin-top:16px}#hpcm.v2 .askacts .act{background:#EB7539;color:#232420;border:1px solid #EB7539;padding:11px 18px;font:500 11.5px/1 Archivo,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}#hpcm.v2 .askacts a{font-size:13px;color:#6E7466}
#hpcm.v2 .askmsg{margin-top:10px;font-size:13px;color:#EB7539}
#hpcm.v2 .bk4 h2{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:26px;line-height:1.15;color:#232420;margin:0;border:0;padding:0}#hpcm.v2 .bk4 h2:after{display:none}
#hpcm.v2 .bk4 .tag{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#232420;background:#97C882;padding:5px 9px}#hpcm.v2 .bk4 .tag.unlock{background:transparent;color:#EB7539;border:1px solid #EB7539}
#hpcm.v2 .bk4 .bk4flip{margin-top:20px;aspect-ratio:16/10;width:100%;background:#fff;border:1px solid #e2dccc;border-radius:0;overflow:hidden}
#hpcm.v2 .bk4 .contents div[data-act]{cursor:pointer}
#hpcm.v2 .bk4 .contents{margin-top:16px;border-top:1px solid #e2dccc}#hpcm.v2 .bk4 .contents div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e2dccc}
#hpcm.v2 .bk4 .contents div span:first-child{font-family:Newsreader,Georgia,serif;font-size:17px;color:#232420}#hpcm.v2 .bk4 .contents div span:last-child{font-size:11.5px;color:#6E7466}
#hpcm.v2 .bk4 .cust{border:1px solid #e2dccc;border-top:3px solid #e2dccc;padding:18px 19px;display:flex;flex-direction:column;max-width:420px;margin-top:22px}
#hpcm.v2 .bk4 .cust.hot{border-top-color:#EB7539}#hpcm.v2 .bk4 .cust.live{border-top-color:#5a9e4a}#hpcm.v2 .bk4 .cust.done{border-top-color:#97C882}
#hpcm.v2 .bk4 .cust .st{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466}#hpcm.v2 .bk4 .cust.hot .st{color:#EB7539}#hpcm.v2 .bk4 .cust.live .st{color:#3B6D11}
#hpcm.v2 .bk4 .cust .what{font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.3;color:#232420;margin-top:10px}
#hpcm.v2 .bk4 .cust .os-say{margin-top:9px;padding-left:12px}#hpcm.v2 .bk4 .cust .os-say p{font-size:15.5px;line-height:1.55}
#hpcm.v2 .bk4 .cust .os-btn{margin-top:14px;padding:10px 16px;font-size:11px;align-self:flex-start}
#hpcm.v2 .bk4 .brief{margin-top:16px;max-width:420px}#hpcm.v2 .bk4 .brief textarea{width:100%;box-sizing:border-box;margin-top:8px;font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.5;padding:10px 12px;border:1px solid #d3d8ca;background:#fff;border-radius:0;resize:vertical}
#hpcm.v2 .bk4 .rules{display:flex;flex-direction:column;gap:12px;margin-top:16px}#hpcm.v2 .bk4 .rules span{font-family:Newsreader,Georgia,serif;font-size:16.5px;line-height:1.6;color:#3A3A3A}
/* the opening's sheets (v4) */
#hpcm.v2 .os-say{margin-top:12px;padding-left:14px;border-left:1px dashed #B9BFAF}
#hpcm.v2 .os-say p{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:16.5px;line-height:1.6;color:#3A3A3A;margin:0;max-width:48ch}
#hpcm.v2 .os-say.big p{font-weight:300;font-size:clamp(21px,2.2vw,28px);line-height:1.36;color:#232420;max-width:44ch}
#hpcm.v2 .os-btn{display:inline-block;margin-top:18px;background:#EB7539;color:#232420;border:1px solid #EB7539;padding:13px 22px;font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:2px;cursor:pointer;font-family:Archivo,system-ui,sans-serif}
#hpcm.v2 .os-btn.quiet{background:transparent;border-color:#232420;color:#232420}
#hpcm.v2 .os-btn.sm{padding:11px 20px;margin-top:14px}
#hpcm.v2 .os-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
#hpcm.v2 .os-head h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(20px,1.9vw,24px);line-height:1.2;color:#232420;margin:0;border:0;padding:0}
#hpcm.v2 .os-head h2:after{display:none}
#hpcm.v2 .os-head .meta{font-size:12px;color:#6E7466}
#hpcm.v2 .os-head h2 .count{text-decoration:none;border-bottom:1px solid #d3d8ca;padding-bottom:2px;margin-left:12px;font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E7466;vertical-align:middle}   /* the count sits with its heading, not adrift (Shelley, 13 September) */
#hpcm.v2 .sheet.wide{padding:28px 30px}
/* 9: the basket bar (Design, v5). Values lifted from the drawing. */
/* v5: the sheet head as drawn. Newsreader 300 at the drawing's size, the count in Archivo beside it, the chevron in front. */
/* the filter bar above Your Plants: the palette page's rules, lifted (Shelley, 17 September) */
/* Shelley, 18 September: What is a Plant Set?, copied from the public plant page. Every value below
   is the plant page's, measured in Chromium, not re-drawn. */
@media (max-width:780px){#hpcm.v2 .sheet.letter{padding:20px 18px}}
#hpcm.v2 .sheet.musing{padding:0;display:grid;grid-template-columns:5fr 7fr}
#hpcm.v2 .sheet.musing .ph{position:relative;min-height:230px;background:#EDE8DB}#hpcm.v2 .sheet.musing .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:1060px){#hpcm.v2 .sheet.musing .ph{min-height:0;aspect-ratio:4/3}}
#hpcm.v2 .sheet.musing .tx{padding:32px 36px 30px}
#hpcm.v2 .sheet.musing .tx .os-say{margin-top:20px;padding-left:16px}
/* the Notes sheet: the box and Send under the line, then the thread, all on the sheet's left edge */
#hpcm.v2 .sheet textarea#hpc-msg{width:100%;box-sizing:border-box;margin-top:12px;font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.5;padding:12px 14px;border:1px solid #d3d8ca;background:#fff;color:#3A3A3A;resize:vertical;border-radius:0}
/* "This month", to Design's spec (13 September): one row per job, two columns, 176px label pair, 11px rows, one hairline between */
#hpcm.v2 .sheet.month .os-head .meta{font-size:11.5px;color:#6E7466}
@media (max-width:1060px){#hpcm.v2 .sheet.musing{grid-template-columns:1fr}}
@media (max-width:780px){
  /* on a phone the plants and the Blocks are one row each, swiped sideways, not a stack (Shelley, 9 September) */
  /* Shelley, 18 September: the two guides sat in that carousel with the scrollbar hidden, so the one
     that costs CA$25 was off-screen with nothing to say it was there. Two up, both visible, as on a
     desktop. The plant cards keep the swipe: they are a long list, which is what the rule was for. */
  /* the cards carry the carousel's flex basis and a 320px cap, which made the two columns uneven */
  /* the price tag sizes to its own content, which is wider than half a phone, so it overhangs
     the card. In two columns it takes the column and wraps inside it. */
  /* the price tag is sized by a generic .unlock rule with a hard 160px width, which is wider than
     half a phone, so in two columns it overhung its card. It takes the column here and wraps. */
}
@media (max-width:1060px){#hpcm.v2 .c7,#hpcm.v2 .c6{grid-column:span 12}}
#hpcm .space h1{text-align:left}
#hpcm .hpchead{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:6px 0 18px;margin-bottom:26px;border-bottom:1px solid var(--line)}
#hpcm .hpchead .brand{display:flex;align-items:center;gap:14px}
#hpcm .hpchead .brand .tick{margin:0;width:26px;height:2px}
#hpcm .hpchead .brand .eyebrow{margin:0;color:var(--ink);letter-spacing:2.6px}
#hpcm .hpchead .who{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--taupe)}
#hpcm .hpchead .bkl{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ltaupe)}
#hpcm .hpchead .ln{font-size:13px}
#hpcm .space>.eyebrow{text-align:left}
#hpcm .space>.sm:first-of-type{text-align:left}
#hpcm .shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}
#hpcm .bk{background:#22231f;border-radius:6px 10px 10px 6px;padding:16px 14px 12px;cursor:pointer;box-shadow:0 10px 22px rgba(34,35,31,.22);transition:transform .15s}
#hpcm .bk:hover{}
#hpcm .bkimg{padding:0;overflow:hidden;background:#22231f}
#hpcm .bkimg img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
#hpcm .bk-eyebrow{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#8a857a}
#hpcm .bk-name{font-family:"Libre Caslon Display",Georgia,serif;font-size:1.05rem;color:#f5f2e9;margin:6px 0 10px;line-height:1.2;min-height:2.4em}
#hpcm .bk-map .pmap{width:100%;height:auto}#hpcm .bk-map .pmap text{display:none}#hpcm .bk-map .pmap ellipse,#hpcm .bk-map .pmap rect{fill:#2d2e29;stroke:#4a4b44}
#hpcm .bk-foot{margin-top:10px;padding-top:8px;border-top:1px solid #3a3b35;font-size:.72rem;color:#b9b3a4}
#hpcm .nowrow{display:flex;gap:14px;padding:9px 0;border-top:1px solid var(--line);font-size:.92rem;max-width:640px}
#hpcm .nowrow b{flex:0 0 92px;font-weight:500;color:var(--ink)}
#hpcm .nowrow.note b{color:var(--ink)}
#hpcm .nowrow span{color:var(--text)}
#hpcm .favps{display:flex;flex-wrap:wrap;gap:18px 22px;justify-content:center;margin-top:22px}
#hpcm .favp{width:86px;text-align:center}
#hpcm .favp-im{width:78px;height:78px;margin:0 auto;border-radius:50%;border:2px solid #ddd;background:#fff center/78% no-repeat;background-origin:border-box}
#hpcm .favp-nm{font-family:Newsreader,Georgia,serif;font-size:.78rem;margin-top:7px;line-height:1.25;color:var(--text)}
#hpcm .rev{padding-left:14px;border-left:3px solid #97C882;margin:8px 0}
#hpcm .rev.warn{border-left-color:var(--ink)}
#hpcm .ln{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#hpcm .tabs{display:flex;gap:22px;margin:26px 0 4px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
#hpcm .tab-link{font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--taupe);text-decoration:none;padding:8px 0 10px;border-bottom:2px solid transparent;margin-bottom:-1px;flex:none}
#hpcm .tab-link.on{color:var(--ink);border-bottom-color:var(--ink)}
#hpcm .tab-link.off{color:var(--ltaupe);cursor:default}
#hpcm .tabpane{display:none}#hpcm .tabpane.on{display:block}
#hpcm .tabpane>.sec:first-child{margin-top:26px}
/* A block page prints every tab, so the whole plan comes out as one document.
   The member space uses the same class, so scope it: on a member page only
   the tab you are on prints. */
@media print{#hpcm .tabs{display:none}#hpcm .tabpane{display:block}
  #hpcm .space .tabpane{display:none}#hpcm .space .tabpane.on{display:block}}
#hpcm .signin{margin-top:18px;max-width:460px}#hpcm .signin input{flex:1;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:1rem;background:#fff}
#hpcm .quiet-a{color:var(--taupe);text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0}
#hpcm .bcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:26px}
#hpcm .bcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 16px;cursor:pointer;transition:border-color .15s}#hpcm .bcard:hover{border-color:var(--ink)}
#hpcm .bmap .pmap{width:100%;height:auto}#hpcm .bmap .pmap text{display:none}
#hpcm .bcard h3{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:1.25rem;margin:10px 0 2px;color:var(--ink)}
#hpcm .bmeta{font-size:.85rem;color:var(--taupe);line-height:1.5}#hpcm .bmeta .src{color:var(--ink)}
#hpcm .quietlink a{color:var(--taupe);text-decoration:underline;text-underline-offset:3px}
#hpcm .tease{font-size:.84rem;line-height:1.4;color:var(--taupe);margin:6px 4px 2px;text-align:left}
#hpcm .pick .tease{text-align:center;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#hpcm .prof{position:absolute;inset:0;background:var(--page);border-radius:inherit;padding:18px;overflow:auto;z-index:2}
#hpcm .prof-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
#hpcm .prof-body{display:grid;grid-template-columns:220px 1fr;gap:24px}
#hpcm .prof-left .art{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:8px}
#hpcm .prof-left .photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-top:8px}
#hpcm .prof-left .kv{margin-top:10px}#hpcm .prof-left .kv td{font-size:.85rem;padding:5px 0}#hpcm .prof-left .kv td:first-child{width:86px;font-size:10.5px}
#hpcm .pbot{font-style:italic;color:var(--taupe);margin:2px 0 6px}
#hpcm .prof .hd{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe);margin:16px 0 4px}
#hpcm .prof p{margin:0 0 8px;max-width:none}
#hpcm .prof .cal,#hpcm .prof .yrs,#hpcm .prof .wts{max-width:none}
@media (max-width:640px){#hpcm .prof-body{grid-template-columns:1fr}#hpcm .prof-left .art{max-width:200px}}
#hpcm .vpair{display:inline-flex;gap:2px;margin-right:8px}#hpcm .filt{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}#hpcm .filt .k{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);margin-right:2px}#hpcm .filt .cnt{margin-left:auto}#hpcm .vpair .f:first-child{border-radius:999px 0 0 999px}#hpcm .vpair .f:last-child{border-radius:0 999px 999px 0}#hpcm .vpair .rolebtn:first-child{border-radius:999px 0 0 999px}#hpcm .vpair .rolebtn:last-child{border-radius:0 999px 999px 0}
#hpcm .pmap .pp:active{cursor:grabbing}
#hpcm .gy{display:grid;grid-template-columns:170px 1fr;gap:12px;max-width:560px;margin-top:10px}#hpcm .gy b{font-weight:500;color:var(--lead)}
#hpcm .foot{display:flex;align-items:center;gap:14px;margin-top:56px;padding:14px 0 22px;font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--taupe)}
#hpcm .foot b{font-weight:400;color:var(--orange)}#hpcm .foot .rule{flex:1;height:1px;background:var(--line);opacity:.7}
@media(max-width:600px){#hpcm{padding:28px 18px 0}#hpcm h1,#hpcm input[type=text].title{font-size:1.9rem}#hpcm .cal th,#hpcm .yrs th{width:auto}#hpcm .cal td.n,#hpcm .yrs td.n{font-size:11.5px;padding-right:8px;white-space:normal}#hpcm .pill{font-size:10.5px;padding:4px 0}}
#hpcm .bkcap{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:.82rem;color:var(--ink)}
#hpcm .stag{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;padding:2px 7px;border-radius:10px;border:1px solid var(--line);color:var(--taupe);white-space:nowrap}
#hpcm .stag.own{background:#232420;color:#FDFBF5;border-color:#232420}
#hpcm .stag.coming{background:transparent;color:var(--taupe);border-color:var(--line)}
#hpcm .bkwrap{width:160px}
#hpcm .shelf{display:grid;grid-template-columns:repeat(auto-fill,160px);gap:18px;margin-top:16px}
#hpcm .bkimg img{display:block;width:160px;height:160px;object-fit:cover}
#hpcm .cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;margin-top:32px}
#hpcm .mixgrid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;align-items:end}
#hpcm .mixgrid h2,#hpcm .mixgrid h3{margin:0!important;grid-column:1;grid-row:1}
#hpcm .mixgrid .mixpills{grid-column:1;grid-row:2;margin-top:12px}
#hpcm .mixgrid .fb-eyebrow{grid-column:2;grid-row:1;text-align:right;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--taupe);padding-bottom:4px}
#hpcm .mixgrid .fb-btn{grid-column:2;grid-row:2;margin-top:12px;justify-self:end;align-self:start}
@media (max-width:600px){#hpcm .mixgrid{grid-template-columns:1fr}#hpcm .mixgrid .fb-eyebrow,#hpcm .mixgrid .fb-btn{grid-column:1;text-align:left;justify-self:start}#hpcm .mixgrid .fb-eyebrow{grid-row:3;margin-top:18px}#hpcm .mixgrid .fb-btn{grid-row:4;margin-top:6px}}
#hpcm .cols .main .sec:first-child{margin-top:0}
#hpcm .main .shelf{grid-template-columns:repeat(auto-fill,180px);gap:22px}
#hpcm .main .shelf .bkwrap{width:180px}
#hpcm .main .shelf .bkimg img{width:180px;height:180px}
#hpcm .aside .guides{grid-template-columns:1fr;gap:18px}
#hpcm .aside .guide{gap:16px}
#hpcm .aside .guide .bk{flex:0 0 120px}
#hpcm .aside .guide .bkimg img{width:120px;height:120px}
#hpcm .aside h3{font-size:1rem}
#hpcm .aside .sec{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-top:22px}
#hpcm .aside .sec:first-child{margin-top:0}
#hpcm .aside h2{font-size:1.25rem;margin-bottom:8px}
#hpcm .aside .nowrow{display:block;padding:8px 0;font-size:.9rem}
#hpcm .aside .nowrow b{display:block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);margin-bottom:3px}
#hpcm .aside .nowrow.note b{color:var(--ink)}
@media (max-width:860px){#hpcm .cols{grid-template-columns:1fr;gap:0}}
#hpcm .g3order{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto !important}
/* an order's details in the new Garden Space (5 October): the old space's invoice styles were scoped to it, so they never reached here */
#hpcm .gs2invoice{font-family:Spectral,Georgia,serif;color:#1F1F21}
#hpcm .gs2invoice .invoice{background:#FDFBF5;box-shadow:inset 0 0 0 1px #E2DCCC;padding:20px 22px 18px}
#hpcm .gs2invoice .k{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8D8678;margin-bottom:4px;font-weight:400}
#hpcm .gs2invoice .lfacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 24px;margin:0 0 18px}
#hpcm .gs2invoice .lfacts b{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:17px;line-height:1.25;color:#1F1F21}
#hpcm .gs2invoice .invlines{width:100%;border-collapse:collapse;border-top:1px solid #1F1F21}
#hpcm .gs2invoice .invlines th{font-size:10.5px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#8D8678;text-align:left;padding:12px 16px 10px 0;border-bottom:1px solid #E2DCCC}
#hpcm .gs2invoice .invlines td{padding:12px 16px 12px 0;border-bottom:1px solid #E2DCCC;vertical-align:top;font-size:14.5px;line-height:1.4}
#hpcm .gs2invoice .invlines td b{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:18px;color:#1F1F21}
#hpcm .gs2invoice .invlines td .sm{font-size:12.5px;color:#8D8678;margin-top:3px}
#hpcm .gs2invoice .invlines th:nth-child(n+2),#hpcm .gs2invoice .invlines td:nth-child(n+2){text-align:right;white-space:nowrap}
#hpcm .gs2invoice .invlines .invhist{width:1%;padding-right:0}
#hpcm .gs2invoice .invlines .invhist a{font-size:13px;color:#1F1F21;text-decoration:underline;text-underline-offset:3px}
#hpcm .gs2invoice .invlines .invhistrow td{padding:0;text-align:left;white-space:normal}
#hpcm .gs2invoice .invsum{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:16px}
#hpcm .gs2invoice .invsum div{display:flex;gap:20px;align-items:baseline}
#hpcm .gs2invoice .invsum .k{margin:0}
#hpcm .gs2invoice .invsum b{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:18px;min-width:96px;text-align:right}
#hpcm .gs2invoice .invpays{margin-top:18px;padding-top:12px;border-top:1px solid #E2DCCC}
#hpcm .gs2invoice .invpays .he{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:6px 0;font-size:14px}
#hpcm .gs2invoice .invpays .he b{font-weight:400}
#hpcm .gs2invoice .invact{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}
#hpcm .gs2invoice .invact button{font-family:inherit;font-size:13.5px;letter-spacing:normal;text-transform:none;font-weight:400;padding:9px 16px;cursor:pointer;border:1px solid #1F1F21;background:transparent;color:#1F1F21}
#hpcm .gs2invoice .invact button.primary{background:#EB7539;border-color:#EB7539}
#hpcm .gs2invoice .lview{padding:14px 0 10px}
#hpcm .gs2invoice .lview .lfacts{margin-bottom:12px}
#hpcm .gs2invoice .lquote{margin-top:12px;padding-top:10px;border-top:1px solid #E2DCCC}
#hpcm .gs2invoice .pnrows div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #E2DCCC;font-size:14.5px}
#hpcm .gs2invoice .lhist .he{display:grid;grid-template-columns:72px 170px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #E2DCCC;font-size:13.5px;align-items:start}
#hpcm .gs2invoice .lhist .hd{color:#8D8678}
#hpcm .gs2invoice .lhist .hn .k{margin-bottom:3px}
@media (max-width:700px){#hpcm .gs2invoice .lfacts{grid-template-columns:1fr 1fr}#hpcm .gs2invoice .lhist .he{grid-template-columns:64px 1fr}#hpcm .gs2invoice .lhist .hn{grid-column:1/-1}#hpcm .gs2invoice .invlines th:nth-child(3),#hpcm .gs2invoice .invlines td:nth-child(3){display:none}}

@media (max-width:860px){#hpcm .g3order{grid-template-columns:minmax(0,1fr) !important}#hpcm .g3order > div:last-child{justify-content:flex-start !important}}
#hpcm .unlock{margin-top:8px;width:160px;text-align:center;padding:10px 0!important}
#hpcm .paywrap{position:fixed;inset:0;background:rgba(31,31,33,.55);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
#hpcm .pay{background:#fff;border-radius:14px;width:100%;max-width:520px;padding:18px 18px 22px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
#hpcm .payhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
#hpcm .payhead b{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:1.1rem}
#hpcm .payx{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--taupe);padding:4px 8px}
#hpcm .guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:36px;margin-top:16px}
#hpcm .main .guide .bk{flex:0 0 200px}
#hpcm .main .guide .bkimg img{width:200px;height:200px}
#hpcm .guide{display:flex;gap:22px;align-items:flex-start}
#hpcm .guide .bk{flex:0 0 160px}
#hpcm .guide p{margin:0 0 10px}
#hpcm .space .pcards{margin-top:18px}
@media (max-width:520px){#hpcm .guide{flex-direction:column}}
#hpcm .kv textarea.inl{font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 0 -6px;padding:2px 6px;max-width:none}
#hpcm .tabs{flex-wrap:wrap;row-gap:6px}
#hpcm .profile{margin-top:14px}
#hpcm .profile .kv{max-width:640px}
#hpcm .sec h2{margin-bottom:14px}
#hpcm .sec .num{margin-bottom:6px}
#hpcm .sec.core h2{color:var(--ink)!important;font-size:2.1rem;display:inline-block;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:18px}
#hpcm .profile h2{margin-bottom:2px}
/* start chart */
#hpcm .wts{border-collapse:collapse;width:100%;max-width:640px;margin-top:14px}#hpcm .wts th{font-weight:400;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#8d8678;text-align:center;padding:14px 0 6px;position:relative}#hpcm .wts th.in,#hpcm .wts td.in{background:rgba(233,226,208,.45)}#hpcm .wts .inlab{position:absolute;left:0;top:2px;width:300%;text-align:center;font-size:10.5px;letter-spacing:2px;color:#b0a890;pointer-events:none}#hpcm .wts th{padding-top:18px}#hpcm .wts td{padding:3px 2px;text-align:center;height:18px}#hpcm .wts tr.first td{border-top:1px solid #e6e0d3}#hpcm .wts td.n{font-family:"Libre Caslon Display",Georgia,serif;font-size:13px;color:#1f1f21;text-align:left;white-space:nowrap;padding-right:10px;width:1%;vertical-align:middle;background:transparent !important}#hpcm .wts td.m{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;text-align:right;padding-right:8px;white-space:nowrap;width:1%}#hpcm .wts .sp{display:block;height:8px;border-radius:4px;margin:0 2px}#hpcm .wts .sp.same{background:var(--c)}#hpcm .wts .sp.next{border:1px solid var(--c);opacity:.8}#hpcm .wts .sp.y2{border:1px solid var(--c);background:var(--c);opacity:.35}
#hpcm .sides{display:flex;gap:8px;margin:26px 0 0}
#hpcm .side-link{font-family:"Libre Caslon Display",Georgia,serif;font-size:1.05rem;color:var(--taupe);text-decoration:none;padding:10px 18px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:transparent}
#hpcm .side-link.on{color:var(--paper);background:var(--ink);border-color:var(--ink)}
#hpcm .sides+.tabs{margin-top:0;border-top:1px solid var(--line);padding-top:4px}
#hpcm .main .tabs{margin-top:0}
#hpcm .main .tabpane .sec:first-child{margin-top:8px}
#hpcm .pcard.photo .art{object-fit:cover;aspect-ratio:4/3;border-radius:6px;background:#eee}
#hpcm .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px;margin:14px 0 4px;max-width:640px}
#hpcm .facts b{display:block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);font-weight:400;margin-bottom:2px}
#hpcm .facts span{font-size:13px;color:var(--ink)}
#hpcm .pg .facts{max-width:5.2in;gap:8px 14px;margin:10px 0 2px}
#hpcm .pg .facts span{font-size:11px}
#hpcm .flip{margin-top:18px;aspect-ratio:16/10;width:100%;max-width:1180px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
#hpcm .flip iframe{width:100%;height:100%;border:0}
#hpcm .nowfilters{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}
#hpcm .nowfilters .fdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid rgba(0,0,0,.14)}
#hpcm .nowfilters .rolebtn span{opacity:.6;margin-left:4px}
#hpcm .offerline{display:block;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ltaupe)}
#hpcm .offerline a{color:var(--ink);text-decoration:none;margin-left:4px}
#hpcm .offerline a:hover{text-decoration:underline}
#hpcm .pcard .sw{position:relative}
#hpcm .guide.custom .bk{flex:0 0 200px}
#hpcm .guide.custom .bkimg img{width:200px;height:200px}
/* the space: no boxes, hairline rules */
/* ======== v2: grey-green ground, Newsreader for the words, Archivo for the chrome ======== */
/* The skin. Type, weight, spacing, neutral inks. Carries no ground. */
#hpcm.v2{border-top:0;--ink:#232420;--text:#3A3A3A;--lead:#232420;--w:#97C882;--s:#69BCC4;--d:#DD81AC;
 font-family:Archivo,system-ui,sans-serif;font-weight:400;font-size:15px;line-height:1.6;color:var(--text);background:var(--page);background-image:none;padding:0;-webkit-font-smoothing:antialiased}
/* The two grounds. Everything here shifts with the paper it sits on. */
#hpcm.ground-green{--page:#DFE2D9;--taupe:#6E7466;--ltaupe:#8A9080;--line:#B9BFAF;--well:#CBD0C2}
#hpcm.ground-paper{--page:#fdfbf5;--taupe:#8d8678;--ltaupe:#b9b3a4;--line:#e2dccc;--well:#EDE8DB}
#hpcm.v2 h1,#hpcm.v2 h2,#hpcm.v2 h3,#hpcm.v2 .bk-name,#hpcm.v2 .picker .ttl,#hpcm.v2 .num,#hpcm.v2 .count,#hpcm.v2 .cal td.n,#hpcm.v2 .yrs td.n,#hpcm.v2 .wts td.n,#hpcm.v2 .qty .n,#hpcm.v2 .setlist .v,#hpcm.v2 .side-link,#hpcm.v2 .payhead b,#hpcm.v2 .bcard h3{font-family:Newsreader,Georgia,serif;font-weight:400}
#hpcm.v2 p,#hpcm.v2 .lead,#hpcm.v2 .kv td,#hpcm.v2 .glance .v,#hpcm.v2 .facts span,#hpcm.v2 .gy,#hpcm.v2 .voice,#hpcm.v2 .tease{font-family:Newsreader,Georgia,serif}
#hpcm.v2 .kv td:first-child,#hpcm.v2 .glance .k,#hpcm.v2 .facts b,#hpcm.v2 .eyebrow,#hpcm.v2 .sm,#hpcm.v2 .hint,#hpcm.v2 .stag,#hpcm.v2 .chip,#hpcm.v2 button,#hpcm.v2 .btn,#hpcm.v2 .rolebtn,#hpcm.v2 .tab-link,#hpcm.v2 .legend,#hpcm.v2 .cal th,#hpcm.v2 .yrs th,#hpcm.v2 .wts th,#hpcm.v2 .pill,#hpcm.v2 label.k,#hpcm.v2 .pcard .set,#hpcm.v2 .foot,#hpcm.v2 input,#hpcm.v2 select,#hpcm.v2 textarea{font-family:Archivo,system-ui,sans-serif}
#hpcm.v2 h1{font-size:34px;line-height:1.1;letter-spacing:0}#hpcm.v2 h2{font-size:28px;line-height:1.25}#hpcm.v2 h3{font-size:20px}
#hpcm.v2 .lead{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:22px;line-height:1.4}
#hpcm.v2 .eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--taupe)}
#hpcm.v2 .tick{display:none}
#hpcm.v2 .sm{font-size:13.5px;color:var(--taupe)}
#hpcm.v2 *:not(.hpcbook *):not(.vbfbpg *):not(.bkspread *):not(.fv-face *){border-radius:0!important}   /* square everywhere except inside the book, whose circles are drawn round (4 October). The book open on a Block's page and on the Garden Space draws its pages in .bkspread with no .hpcbook round it, so its circles were squared again (5 October) */
#hpcm.v2 .space{max-width:none;margin:0;position:relative}
#hpcm.v2 .space h1{text-align:left}
#hpcm.v2 .hpchead{padding:20px 40px;margin:0;border-bottom:1px solid var(--line);align-items:center}
#hpcm.v2 .hpchead .who{font-size:13px;color:#5F6459;gap:22px}
#hpcm.v2 .hpchead .bkl,#hpcm.v2 .hpchead .ln{font-size:13px;color:var(--text);text-decoration:none;border-bottom:1px solid #A9AFA0;text-underline-offset:0}
#hpcm.v2 .hpchead .bkl:hover,#hpcm.v2 .hpchead .ln:hover{color:#000;border-bottom-color:var(--text)}
#hpcm.v2 .tabs.hometabs{display:flex;gap:34px;padding:0 40px;margin:0;border-bottom:1px solid var(--line);white-space:nowrap;overflow-x:auto;row-gap:0}
#hpcm.v2 .hometabs .tab-link,#hpcm.v2 .hometabs .tab-link.core{padding:15px 0;margin:0;border:0;font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--taupe);box-shadow:none}
#hpcm.v2 .hometabs .tab-link.on,#hpcm.v2 .hometabs .tab-link.core.on{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--ink)}
#hpcm.v2 .hometabs .tab-link .cnt{color:var(--ltaupe);font-weight:400;margin-left:6px;letter-spacing:.02em}
#hpcm.v2 .sm.msg{padding:14px 40px 0}
#hpcm.v2 .topnote{padding:52px 40px 46px;margin:0;border:0;max-width:none}
#hpcm.v2 .topnote .eyebrow{color:var(--taupe);margin-bottom:16px}
#hpcm.v2 .topnote .body{font-family:Newsreader,Georgia,serif;font-size:34px;line-height:1.28;font-weight:300;color:var(--ink);max-width:62ch;text-wrap:pretty}
#hpcm.v2 .topnote .by{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:17px;color:var(--taupe);margin-top:14px}
#hpcm.v2 .cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;align-items:start;margin:0;border-top:1px solid var(--line)}
#hpcm.v2 .cols .main{min-width:0;padding:36px 40px 90px}
#hpcm.v2 .cols .aside{min-width:0;padding:36px 40px 90px 30px;border-left:1px solid var(--line)}
#hpcm.v2 .aside .notef,#hpcm.v2 .aside .notef textarea{width:100%;max-width:none}
#hpcm.v2 .main .tabpane .sec:first-child{margin-top:0}
#hpcm.v2 .space .main .tabpane>.sec+.sec{border-top:1px solid var(--line);padding-top:34px;margin-top:38px}
#hpcm.v2 .intro{font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.6;color:#5F6459;max-width:58ch;margin:0}
#hpcm.v2 .ln{color:var(--text);text-decoration:none;border-bottom:1px solid #A9AFA0}#hpcm.v2 .ln:hover{color:#000;border-bottom-color:var(--text)}
#hpcm.v2 .mixgrid h3{font-size:21px;font-weight:400;color:var(--ink);margin-bottom:12px!important}
#hpcm.v2 .mixpills .stag{font-size:10.5px;letter-spacing:.09em;font-weight:600;padding:6px 11px!important;color:#fff!important}
/* The Plant Set fold. At every width, not only on a phone. Defect 26. */
#hpcm.v2 .setfold .foldbtn{display:block;cursor:pointer;border:0;background:transparent;padding:0;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--taupe);margin-top:16px}
#hpcm.v2 .setfold .foldbtn:hover{background:transparent;color:var(--ink)}
#hpcm.v2 .setfold .foldbtn::after{content:" +";color:var(--ltaupe)}
#hpcm.v2 .setfold.open .foldbtn::after{content:" \2212"}
#hpcm.v2 .setfold .setdefs{display:none;margin-top:16px}#hpcm.v2 .setfold.open .setdefs{display:grid}
#hpcm.v2 .setdefs{gap:26px 40px;max-width:660px;margin-top:22px}
#hpcm.v2 .setdefs>div{flex:1 1 165px}
#hpcm.v2 .setdefs .k{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink);padding-bottom:5px;margin-bottom:6px;border-bottom:2px solid var(--ink)}
#hpcm.v2 .setdefs .k i{display:none}
#hpcm.v2 .setdefs .v{font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.55;color:var(--taupe);margin:0}
#hpcm.v2 .space .nowfilters{gap:24px;margin:22px 0 26px}
#hpcm.v2 .space .nowfilters .rolebtn{padding:0 0 4px;font-size:11.5px;font-weight:600;letter-spacing:.09em;color:var(--taupe);border:0;box-shadow:none}
#hpcm.v2 .space .nowfilters .rolebtn.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);border:0}
#hpcm.v2 .space .nowfilters .rolebtn span{color:var(--ltaupe);font-weight:400;opacity:1;margin-left:5px}
#hpcm.v2 .space .pcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 3px}
#hpcm.v2 .space .pcards.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 3px}
#hpcm.v2 .space .pcards .pcard{padding:0;text-align:left;background:transparent}
#hpcm.v2 .space .pcards .pcard.first{grid-column:span 2}
@media (max-width:1000px){#hpcm.v2 .space .pcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
#hpcm.v2 .space .pcards .pcard .sw{height:26px;padding:0 10px}
#hpcm.v2 .space .pcards .pcard .swlab{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:1}
#hpcm.v2 .space .pcards .pcard .art,#hpcm.v2 .space .pcards .pcard.photo .art{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--well);margin:0;display:block}
#hpcm.v2 .space .pcards .pcard.first .art,#hpcm.v2 .space .pcards .pcard.first.photo .art{aspect-ratio:8/5}
#hpcm.v2 .space .pcards .pcard .nm{font-family:Newsreader,Georgia,serif;font-size:15.5px;font-weight:400;line-height:1.2;color:var(--ink);margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}
#hpcm.v2 .space .pcards .pcard.first .nm{font-size:22px}
#hpcm.v2 .space .pcards .pcard .nm span{color:var(--ltaupe)}
#hpcm.v2 .space .pcards .pcard .bot{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:13px;color:var(--taupe);line-height:1.35;margin:0 3px 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.35em}
#hpcm.v2 .space .pcards .pcard .cardrow{display:flex;align-items:baseline;margin:0 3px;padding-top:8px;border-top:1px solid var(--line);min-height:28px}
#hpcm.v2 .space .pcards .pcard .cardrow .state{color:var(--ltaupe);font-weight:500}
#hpcm.v2 .space .pcards .pcard .sw{display:flex;justify-content:space-between;align-items:center}
#hpcm.v2 .space .pcards .pcard.open{outline:1px solid var(--line)}
/* The dot carries the colour. The words are ink, at a size Archivo keeps its letterforms. */
#hpcm.v2 .space .pcards .pcard .cardrow .state{color:var(--taupe)}
#hpcm.v2 .space .pcards.after{margin-top:34px}
#hpcm.v2 .space .pcards+.pcards{margin-top:34px}
@keyframes pndrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#hpcm.v2 .space .pnx{background:none;border:0;font-size:22px;line-height:1;color:var(--taupe);cursor:pointer;padding:0 0 0 8px}
#hpcm.v2 .space .pnsizes{display:flex;flex-wrap:wrap;gap:3px;margin-top:14px}
#hpcm.v2 .space .pnsize{font:inherit;font-size:12.5px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:flex;gap:10px;align-items:baseline}
#hpcm.v2 .space .pnsize span{font-family:Newsreader,Georgia,serif;color:var(--taupe);font-size:14px}
#hpcm.v2 .space .pnsize.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#hpcm.v2 .space .pnqty{display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-top:14px}
#hpcm.v2 .space .pnrows{margin-top:14px;border-top:1px solid var(--line)}
#hpcm.v2 .space .pnrows div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);font-family:Newsreader,Georgia,serif;font-size:15px}
#hpcm.v2 .space .pnrows b{font-weight:500;color:var(--ink)}
#hpcm.v2 .space .pnfrom{margin-top:12px;background:#fff;border:1px solid var(--line);padding:10px 12px;font-family:Newsreader,Georgia,serif;font-size:14px;color:var(--text)}
#hpcm.v2 .space .pnfrom .k{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
#hpcm.v2 .space .pnact{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#hpcm.v2 .space .pnbtn{font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:11px 18px;border:1px solid var(--orange);background:var(--orange);color:#FAF7F0;cursor:pointer}
#hpcm.v2 .space .pnbtn.done{background:transparent;color:#3f6b31;border-color:var(--w)}
#hpcm.v2 .space .pnbtn2{font:inherit;font-size:12.5px;background:none;border:0;color:var(--taupe);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#hpcm.v2 .space .places{display:flex;gap:3px;margin-top:18px;flex-wrap:wrap}
#hpcm.v2 .space .places .pl{background:#D6DAD0;border:1px solid var(--line);padding:11px 14px;min-width:150px;flex:1}
#hpcm.v2 .space .places .pl.hot{background:#F3F1E8;border-color:var(--ink)}
#hpcm.v2 .space .places .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ltaupe)}
#hpcm.v2 .space .places .v{font-family:Newsreader,Georgia,serif;font-size:22px;color:var(--ink);padding-top:2px}
#hpcm.v2 .space .places .s{font-size:10.5px;color:var(--ltaupe);padding-top:3px}
#hpcm.v2 .space .bshelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:14px}
#hpcm.v2 .space .bshelf+.bshelf{margin-top:28px}
@media(max-width:1000px){#hpcm.v2 .space .bshelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:620px){#hpcm.v2 .space .bshelf{grid-template-columns:1fr}}
#hpcm.v2 .space .bcard{max-width:290px}
/* On a shelf every card is one fixed size and, as the style system has it, no box: no border, no shadow, no padding. Image, name, line. */
#hpcm.v2 .space .bshelf{grid-template-columns:repeat(3,250px);justify-content:start;gap:28px}
#hpcm.v2 .space .buildask .mstart{margin-top:22px}#hpcm.v2 .space .buildask .mstart input{width:100%}
#hpcm.v2 .space .bshelf .bcard{width:250px;max-width:250px;min-width:0;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
#hpcm.v2 .space .bshelf .bcard:hover{border-color:transparent}
#hpcm.v2 .space .bshelf .bk{width:250px;height:250px;box-sizing:border-box;padding:0;border-radius:0;box-shadow:none;background:var(--well)}
#hpcm.v2 .space .bshelf .bkimg img{width:250px;height:250px;object-fit:cover;display:block}
#hpcm.v2 .space .bshelf .bmeta{min-height:58px}
#hpcm.v2 .space .bshelf .bmeta b,#hpcm.v2 .space .bshelf .bmeta .sm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#hpcm.v2 .space .bshelf .recwrap{min-width:0;width:250px}
#hpcm.v2 .space .bshelf .recwrap .lbl .ln{margin-left:10px;font-family:Newsreader,Georgia,serif;font-size:13.5px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--ink);text-decoration:none}
@media(max-width:900px){#hpcm.v2 .space .bshelf{grid-template-columns:repeat(auto-fill,250px)}}
#hpcm.v2 .space .bcard.open .bk{outline:2px solid var(--ink);outline-offset:3px}
#hpcm.v2 .space .bcard .bmeta{margin-top:12px;display:flex;flex-direction:column;gap:1px}
#hpcm.v2 .space .bcard .bmeta .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ltaupe)}
#hpcm.v2 .space .bcard .bmeta b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:19px;color:var(--ink);line-height:1.15}
#hpcm.v2 .space .bcard .bmeta .sm{font-size:11.5px;color:var(--taupe)}
#hpcm.v2 .space .bsheet{background:#D6DAD0;border:1px solid var(--line);margin-top:22px;padding:26px 30px 30px;animation:pndrop .22s ease}
#hpcm.v2 .space .season{margin-top:8px}
#hpcm.v2 .space .season.locked{border:1px dashed var(--line);padding:14px;margin-top:8px}
#hpcm.v2 .space .mstart{display:flex;gap:8px;margin-top:16px;align-items:center}
#hpcm.v2 .space .mstart input{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line);background:#fff;width:260px}
#hpcm .mtitle{font-family:"Libre Caslon Display",Georgia,serif;font-size:2.4rem;color:var(--ink);border:0;border-bottom:1px dashed var(--line);background:transparent;width:100%;padding:0 0 4px;margin:0}
#hpcm textarea.inl{display:block;width:100%;max-width:560px;box-sizing:border-box;font:inherit;font-weight:500;font-size:19px;line-height:1.35;color:var(--lead);background:transparent;border:1px dashed transparent;border-radius:6px;padding:4px 6px;margin:12px 0 10px -6px;resize:none;overflow:hidden}
#hpcm textarea.inl:hover,#hpcm textarea.inl:focus{border-color:var(--line);background:#fff;outline:none}
#hpcm .inl::placeholder{color:var(--ltaupe);font-style:italic;font-weight:400}
#hpcm .kv td textarea.inl{font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 0 -6px;padding:2px 6px;max-width:none}
#hpcm .pick .art{display:block;width:70%;aspect-ratio:1/1;object-fit:contain;margin:0 auto 6px}
@media(max-width:700px){#hpcm.v2 .space .bsheet{padding:18px}}
#hpcm.v2 .space .mgrp{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0 6px;border-bottom:1px solid var(--line)}
#hpcm.v2 .space .mgrp .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
#hpcm.v2 .space .mgrp a.blocklink{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
#hpcm.v2 .space .mgrp a.blocklink:hover{text-decoration-color:var(--ink)}
#hpcm.v2 .space .mmeta{display:flex;align-items:baseline;gap:14px;justify-content:flex-end;white-space:nowrap}
@media(max-width:700px){
  #hpcm.v2 .space .mmeta{grid-column:2;justify-content:flex-start;gap:12px;flex-wrap:wrap;white-space:normal}
  #hpcm.v2 .space .mgrp{flex-wrap:wrap;gap:2px 10px}
}
#hpcm.v2 .space .band{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}
#hpcm.v2 .space .band.hot{border-top-color:var(--ink)}
#hpcm.v2 .space .bact{font:inherit;font-size:11.5px;letter-spacing:.04em;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--taupe);cursor:pointer;white-space:nowrap}
#hpcm.v2 .space .bact.hot{border-color:var(--orange);color:var(--orange)}
#hpcm.v2 .space .band.hub{margin-top:36px;scroll-margin-top:20px}
#hpcm.v2 .space .bact.busy{color:var(--taupe);border-color:var(--line);cursor:default}
#hpcm.v2 .space .invoice{border:1px solid var(--ink);border-top:0;background:#D6DAD0;padding:18px 20px 16px;margin-bottom:3px}
#hpcm.v2 .space .invoice .lfacts{margin:0 0 14px}
#hpcm.v2 .space .invlines{width:100%;border-collapse:collapse;border-top:1px solid var(--line)}
#hpcm.v2 .space .invlines th{font-family:Archivo,system-ui,sans-serif;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);text-align:left;padding:10px 12px 8px 0;border-bottom:1px solid var(--line)}
#hpcm.v2 .space .invlines td{padding:9px 12px 9px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}
#hpcm.v2 .space .invlines td b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:16px;color:var(--ink)}
#hpcm.v2 .space .invlines td .sm{font-size:12px;color:var(--taupe);margin-top:2px}
#hpcm.v2 .space .invlines th:nth-child(n+2),#hpcm.v2 .space .invlines td:nth-child(n+2){text-align:right;white-space:nowrap}
#hpcm.v2 .space .invlines .invhist{width:1%}
#hpcm.v2 .space .invlines .invhistrow td{padding:0;border-bottom:1px solid var(--line);text-align:left;white-space:normal}
#hpcm.v2 .space .invlines .invhistrow .lview{border:0;margin:0;padding:14px 0 6px}
#hpcm.v2 .space .invsum{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-top:14px}
#hpcm.v2 .space .invsum div{display:flex;gap:18px;align-items:baseline}
#hpcm.v2 .space .invsum .k{font-family:Archivo,system-ui,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe)}
#hpcm.v2 .space .invsum b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:17px;color:var(--ink);min-width:96px;text-align:right}
#hpcm.v2 .space .invsum div:last-child b{font-weight:500}
#hpcm.v2 .space .invpays{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#hpcm.v2 .space .invpays .k{font-family:Archivo,system-ui,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe)}
#hpcm.v2 .space .invpays .he{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:6px 0;font-size:14px}
#hpcm.v2 .space .invpays .he b{font-family:Newsreader,Georgia,serif;font-weight:400;color:var(--ink)}
#hpcm.v2 .space .invact{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
#hpcm.v2 .space .rail{display:flex;align-items:center;margin-top:10px;max-width:420px}
#hpcm.v2 .space .rail .dot{width:9px;height:9px;border:1px solid;flex:none}
#hpcm.v2 .space .rail .seg{height:1px;flex:1}
#hpcm.v2 .space .chip{display:inline-block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;font-weight:600}
#hpcm.v2 .space .lview{background:#D6DAD0;border:1px solid var(--ink);border-top:0;padding:18px 16px 20px}
#hpcm.v2 .space .lfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px}
#hpcm.v2 .space .lfacts .k{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ltaupe)}
#hpcm.v2 .space .lfacts b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:15px;color:var(--ink)}
#hpcm.v2 .space .lquote{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#hpcm.v2 .space .lhist{margin-top:16px;border-top:1px solid var(--line)}
#hpcm.v2 .space .lhist .he{display:grid;grid-template-columns:64px 160px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:start}
#hpcm.v2 .space .lhist .hd{color:var(--ltaupe)}#hpcm.v2 .space .lhist .hs{color:var(--ink)}
#hpcm.v2 .space .lhist .hn{background:#fff;border:1px solid var(--line);padding:8px 10px;font-family:Newsreader,Georgia,serif;font-size:14px}
#hpcm.v2 .space .lhist .hn .k{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:3px}
@media(max-width:700px){#hpcm.v2 .space .bact{grid-column:2;justify-self:start}#hpcm.v2 .space .lfacts{grid-template-columns:1fr 1fr}#hpcm.v2 .space .lhist .he{grid-template-columns:56px 1fr}#hpcm.v2 .space .lhist .hn{grid-column:1/-1}}
#hpcm.v2 .space .pcards .pcard .offerline{margin:0;font-size:11px;letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--text)}
#hpcm.v2 .space .pcards .pcard .offerline a{color:var(--text);text-decoration:none;border-bottom:1px solid #A9AFA0}
#hpcm.v2 .space .pcards .pcard .hint{text-align:left;margin:0 3px;font-size:11px;letter-spacing:.09em}
/* 1. bigger covers on the Blocks and Guides tabs */
#hpcm.v2 .main .shelf{grid-template-columns:repeat(auto-fill,250px);gap:28px}
#hpcm.v2 .main .shelf .bkwrap{width:250px}
#hpcm.v2 .main .shelf .bkimg img{width:250px;height:250px}
/* The guides side by side, each a cover with its words beneath it. */
#hpcm.v2 .guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
#hpcm.v2 .main .guide,#hpcm.v2 .guide.custom{flex-direction:column;gap:16px}
#hpcm.v2 .main .guide .bk,#hpcm.v2 .guide.custom .bk{flex:none;width:100%}
#hpcm.v2 .main .guide .bkimg img,#hpcm.v2 .guide.custom .bkimg img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
@media(max-width:620px){#hpcm.v2 .guides{grid-template-columns:1fr}}
#hpcm.v2 .bk{}
/* 2. pages drawn without the space wrapper (blocks, guides, profiles) keep the page margin */
#hpcm.v2>.eyebrow,#hpcm.v2>h1,#hpcm.v2>.actions,#hpcm.v2>.sides,#hpcm.v2>.tabs,#hpcm.v2>.tabpane,#hpcm.v2>.sec,#hpcm.v2>p,#hpcm.v2>.sm,#hpcm.v2>h2{margin-left:40px;margin-right:40px}
#hpcm.v2>.eyebrow:first-child{padding-top:24px}
#hpcm.v2>.foot{margin:56px 0 0}
#hpcm.v2 .aside .sec{padding:22px 22px 24px;margin:0;background:#D6DAD0}
#hpcm.v2 .aside .unread{font-size:11.5px;color:var(--ink);font-weight:500;white-space:nowrap}
#hpcm.v2 .aside .sec h2{color:var(--taupe)}
#hpcm.v2 .aside .sec+.sec{border-top:0;padding-top:22px;margin-top:20px}
#hpcm.v2 .aside h2{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
#hpcm.v2 .aside .nowrow{display:block;padding:0;margin-bottom:18px;border:0;font-size:16px;background:transparent}
#hpcm.v2 .aside .nowrow b{display:block;font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ltaupe);margin-bottom:5px}
#hpcm.v2 .aside .nowrow span{font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.5;color:var(--text);text-wrap:pretty}
#hpcm.v2 .aside .nowrow.note{background:transparent}
#hpcm.v2 .aside .nowrow.note b{color:var(--ltaupe)}
#hpcm.v2 .aside .notef textarea,#hpcm.v2 .space .notef textarea{font-family:Archivo,system-ui,sans-serif;font-size:14px;color:var(--text);background:#E8EAE2;border:1px solid #C4C9BB;padding:12px 14px;min-height:70px}
#hpcm.v2 .aside .kv.basket td{border-top-color:var(--line)}
#hpcm.v2 .aside .notef textarea::placeholder{color:var(--ltaupe)}
#hpcm.v2 button,#hpcm.v2 .btn{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;border:1px solid var(--text);background:transparent;color:var(--text)}
#hpcm.v2 button:hover{background:var(--text);color:#fff}
#hpcm.v2 button.primary,#hpcm.v2 a.primary{background:#EB7539!important;border-color:#EB7539!important;color:#fff!important;padding:14px 26px!important;font-size:11.5px!important;font-weight:600;letter-spacing:.1em}
#hpcm.v2 button.primary:hover,#hpcm.v2 a.primary:hover{background:#D8631F!important;border-color:#D8631F!important}
#hpcm.v2 button.quiet{border-color:var(--text);color:var(--text)}
#hpcm.v2 .rolebtn{border:1px solid var(--line);background:transparent;color:var(--taupe);font-weight:500;letter-spacing:.08em}
#hpcm.v2 .rolebtn.on{background:var(--ink);color:#fff;border-color:var(--ink)}
#hpcm.v2 .kv.basket td{border-top-color:var(--line);vertical-align:baseline;font-size:14px}
#hpcm.v2 .kv.basket td:first-child{font-family:Newsreader,Georgia,serif;font-size:16px;color:var(--ink)}
#hpcm.v2 .kv.basket .sm{font-family:Archivo,system-ui,sans-serif;font-size:12.5px;margin-top:3px}
#hpcm.v2 .kv.basket .rolebtn{padding:0;width:20px;height:20px;line-height:18px;font-size:11px}
#hpcm.v2 .kv.basket td:last-child{font-size:13px;padding-left:8px}
#hpcm.v2 .aside .actions{margin-top:16px}
#hpcm.v2 .main .offer{border-top:1px solid var(--line)!important;margin-top:64px;padding-top:34px;max-width:58ch}
#hpcm.v2 .main .offer h2{font-size:28px;margin-bottom:12px}
#hpcm.v2 .main .offer .eyebrow{margin-bottom:12px}
#hpcm.v2 .main .offer p{font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.65;color:#5F6459;max-width:none}
#hpcm.v2 .main .offer .actions{margin-top:24px}
#hpcm.v2 .foot{margin-top:0;padding:24px 40px 32px;font-size:10.5px;letter-spacing:.14em;font-weight:600;color:#6E7466;background:#D6DAD0;border-top:1px solid #B9BFAF}
#hpcm.v2 .foot b{color:#EB7539}#hpcm.v2 .foot .rule{flex:1;height:1px;background:#B9BFAF;opacity:1}
/* block pages, guides and profiles on the same ground */
#hpcm.v2 .space>.eyebrow{padding:20px 40px 0}
#hpcm.v2 .space>h1,#hpcm.v2 .space>.actions,#hpcm.v2 .space>.sides,#hpcm.v2 .space>.tabs:not(.hometabs),#hpcm.v2 .space>.tabpane,#hpcm.v2 .space>.flip,#hpcm.v2 .space>.sec,#hpcm.v2 .space>p{margin-left:40px;margin-right:40px}
#hpcm.v2 .card,#hpcm.v2 .pcard,#hpcm.v2 .pick,#hpcm.v2 .bcard,#hpcm.v2 .gate-card,#hpcm.v2 .picker,#hpcm.v2 .pay{background:#fff;border-color:var(--line)}
#hpcm.v2 .cal tr:nth-child(odd) td{background:rgba(255,255,255,.35)}
#hpcm.v2 .wts th.in,#hpcm.v2 .wts td.in{background:rgba(255,255,255,.35)}
#hpcm.v2 .tab-link.core{color:var(--taupe);font-weight:500}#hpcm.v2 .tab-link.core.on{color:var(--ink)}
#hpcm.v2 .sec.core h2{color:var(--ink)!important;border-bottom-color:var(--ink)}
#hpcm.v2 .stag.own{background:#232420;border-color:#232420;color:#FDFBF5}   /* 10: the fifth green chip rule, the one that was winning (15 September) */
#hpcm.v2 .catcard .catnow b{color:#232420;font-weight:400}   /* the jobs and ordered lines under an owned Block: black, not bold (Shelley, 15 September) */
#hpcm.v2 .catcard .catnow.shares{border-left:0;padding-left:0}#hpcm.v2 .catcard .catnow.shares b{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:14px;line-height:1.45;letter-spacing:0;text-transform:none;color:#3A3A3A;max-width:32ch}   /* the recommended line is a sentence, not a job (Shelley, 15 September) */
#hpcm.v2 .gate{padding-top:8vh}
#hpcm.v2 .gate-go{background:#EB7539}#hpcm.v2 .gate-go:hover{background:#D8631F}
#hpcm.v2 .gate-l input:focus{border-color:var(--ink)}
#hpcm.v2 .space{display:flex;flex-direction:column;padding-bottom:96px} /* room under the last section now the foot band is gone */
#hpcm.v2 .space>*{order:2}#hpcm.v2 .space>.hpchead{order:0}#hpcm.v2 .space>.foot{order:9}
@media (max-width:1000px){#hpcm.v2 .space>.topnote{order:1}#hpcm.v2 .topnote{padding:34px 40px 30px}
/* the fold now lives outside this media query, see below */
#hpcm.v2 .cols{grid-template-columns:minmax(0,1fr)}#hpcm.v2 .cols .aside{border-left:0;border-top:1px solid var(--line);padding:40px 40px 90px}#hpcm.v2 .space .pcards .pcard.first{grid-column:auto}#hpcm.v2 .space .pcards .pcard.first .art,#hpcm.v2 .space .pcards .pcard.first.photo .art{aspect-ratio:4/5}#hpcm.v2 .space .pcards .pcard.first .nm{font-size:22px}}
@media (max-width:620px){#hpcm.v2 .space .pcards{grid-template-columns:repeat(2,minmax(0,1fr))}#hpcm.v2 .hpchead,#hpcm.v2 .tabs.hometabs,#hpcm.v2 .topnote,#hpcm.v2 .cols .main,#hpcm.v2 .cols .aside{padding-left:20px;padding-right:20px}#hpcm.v2 .topnote .body{font-size:27px}}

#hpcm .space .pcards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px 20px}
#hpcm .space .pcards .pcard{background:transparent;border:0;border-radius:0;padding:0 0 12px}
#hpcm .space .pcards .pcard .art{width:100%}
#hpcm .space .pcards .pcard .nm{font-size:17px}
@media(max-width:600px){#hpcm .space .pcards{grid-template-columns:repeat(2,1fr);gap:18px 14px}}
#hpcm .space .pcards .pcard .sw{margin:0;border-bottom:0;display:flex;align-items:center;padding:0 10px}
#hpcm .space .pcards .pcard .swlab{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:400;opacity:.9}
#hpcm .space .pcards .pcard .offerline{margin-top:8px;font-size:10.5px;letter-spacing:1.4px;color:var(--taupe)}
#hpcm .space .pcards .pcard .offerline a{color:var(--ink);margin-left:0;text-decoration:underline;text-underline-offset:3px}
#hpcm .space .pcards .pcard .art{margin:0 auto 8px;display:block}
#hpcm .space .pcard.photo .art{border-radius:0}
#hpcm .space .main .tabpane>.sec+.sec{border-top:1px solid var(--line);padding-top:24px}
#hpcm .aside .sec{background:transparent;border:0;border-radius:0;padding:0}
#hpcm .aside .sec+.sec{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}
#hpcm .tab-link .cnt{color:var(--ltaupe);letter-spacing:0;margin-left:5px}
#hpcm .topnote{margin:0 0 34px;padding:6px 0 26px;border-bottom:1px solid var(--line)}
#hpcm .cols{margin-top:0}
#hpcm .topnote .eyebrow{color:var(--ink)}
#hpcm .topnote .body{font-family:"Libre Caslon Display",Georgia,serif;font-size:27px;line-height:1.32;color:var(--ink);max-width:60ch}
#hpcm .topnote .by{font-style:italic;font-size:14px;color:var(--taupe);margin-top:10px}
#hpcm .setdefs{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:16px;max-width:640px}
#hpcm .setdefs>div{flex:1 1 170px}
#hpcm .setdefs .k{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--ink)}
#hpcm .setdefs .k i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}
#hpcm .setdefs .v{font-size:14px;color:var(--taupe);line-height:1.45;margin-top:3px}
#hpcm .offer{border-top:3px solid var(--line)!important;padding-top:22px;max-width:640px}
#hpcm .aside .offer h2{font-size:1.45rem;margin-bottom:8px}
/* test: white ground on the space */
#hpcm.white{background:#fff;background-image:none}
/* the space's type, a step up */
#hpcm .space{font-size:16.5px;font-weight:400;line-height:1.6}
#hpcm .space .sm{font-size:14.5px}
#hpcm .space .setdefs .v{font-size:15.5px}
#hpcm .space .setdefs .k{font-size:10.5px}
#hpcm .space .aside .nowrow{font-size:15.5px}
#hpcm .space .aside .nowrow b{font-size:10.5px}
#hpcm .space .offer p{font-size:16px;line-height:1.55}
#hpcm .space .offer .eyebrow,#hpcm .space .topnote .eyebrow{font-size:11px}
#hpcm .space .pcards .pcard .nm{font-size:18px}
#hpcm .space .pcards .pcard .bot{font-size:13px}
#hpcm .space .notef textarea{font-size:15px}
#hpcm .space .kv td{font-size:15px}
#hpcm .space .hpchead .who{font-size:15px}
#hpcm .space .mixgrid h3{font-size:1.3rem}
#hpcm .aside .offer .eyebrow{color:var(--ink)}
#hpcm .hometabs{gap:26px}
#hpcm .hometabs .tab-link,#hpcm .hometabs .tab-link.core{font-size:12.5px;letter-spacing:2.4px;font-weight:400;color:var(--ink);padding:10px 0 11px}
#hpcm .hometabs .tab-link.on,#hpcm .hometabs .tab-link.core.on{color:var(--ink);border-bottom-color:var(--ink)}
#hpcm .hometabs .tab-link .cnt{color:var(--ltaupe)}
#hpcm .space .nowfilters{gap:22px;margin:4px 0 16px}
#hpcm .space .nowfilters .rolebtn{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 0 6px;font-size:10.5px;letter-spacing:2px;color:var(--taupe)}
#hpcm .space .nowfilters .rolebtn.on{color:var(--ink);border-bottom-color:var(--ink)}
#hpcm .space .nowfilters .rolebtn span{opacity:.55}
#hpcm .kv.basket td:first-child{font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink);width:auto;padding-top:8px}
#hpcm .offer .eyebrow{color:var(--ink)}
#hpcm .offer h2{margin-bottom:8px}
/* Swaps. One little card pointing to one little card: Set colour and name.
   .stag and .sm are existing components; only the row geometry is new. */
#hpcm .swaps{display:grid;gap:10px;margin-top:16px;max-width:660px}
#hpcm .swaprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-top:1px solid var(--line)}
#hpcm .swaprow:last-child{border-bottom:1px solid var(--line)}
#hpcm .swapnm{font-family:Newsreader,Georgia,serif;margin-right:10px}
#hpcm .swaparrow{color:var(--ltaupe);padding:0 6px}
/* From the Hub. The name, the detail and the action are three things,
   not one run of text. */
/* Wireframe A, Commerce Experience v2. Values lifted from the file, not restyled. */
#hpcm .wf{font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.6;color:#3A3A3A}
#hpcm .wf .lbl{font-family:Archivo,system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#8A9080}
#hpcm .wf .sechead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:38px 0 4px}
#hpcm .wf .sechead h2{margin:0;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px;color:#232420}
#hpcm .wf .sechead .meta{font-size:15px;color:#6E7466}
#hpcm .wf .sechead .ln{font-size:15px;color:var(--ink);font-weight:500;text-decoration:none}
#hpcm .wf .seclead{font-weight:300;font-size:22px;line-height:1.4;color:#232420;padding-bottom:22px}
#hpcm .wf .seclead2{font-size:16px;color:#3A3A3A;padding:6px 0 18px}
#hpcm .wf .ruled{border-top:1px solid #B9BFAF;margin-top:34px;padding-top:22px}
#hpcm .wf .ruled .sechead{padding-top:0}
#hpcm .wf .yournote{font-weight:300;font-size:22px;line-height:1.4;color:#232420;max-width:62ch;margin:18px 0 0}
#hpcm .wf .pcard .cardrow .state.ink{color:#232420;text-decoration:none}
#hpcm .wf .yournote .by{display:block;font-weight:400;font-style:italic;font-size:15px;color:#6E7466;margin-top:10px}
#hpcm .wf .gneed{display:grid;grid-template-columns:3px minmax(0,1fr) auto;gap:16px;align-items:center;background:#D6DAD0;padding:16px 20px 16px 0;margin-top:3px}
#hpcm .wf .gneed .acc{align-self:stretch}
#hpcm .wf .gneed b{display:block;font-weight:400;font-size:18px;line-height:1.25;color:#232420}
#hpcm .wf .gneed .sub{font-size:15px;color:#6E7466;padding-top:2px}
#hpcm .wf .gjobs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
#hpcm .wf .gjob{background:#D6DAD0;padding:22px 22px 24px;display:flex;flex-direction:column;gap:9px}
#hpcm .wf .gtag{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#hpcm .wf .gtag .gwin{font-size:13.5px;color:#8A9080}
#hpcm .wf .gjob .gt{font-size:22px;line-height:1.2;color:#232420}
#hpcm .wf .gjob .gb{font-size:15px;line-height:1.65;color:#3A3A3A}
#hpcm .wf .gjob .gsp{flex:1}
#hpcm .wf .gjob .ln{font-size:15px;color:var(--ink);font-weight:500;padding-top:6px;text-decoration:none}
#hpcm .wf .sowcols{display:grid;grid-template-columns:1fr 1fr;gap:3px;align-items:start}
#hpcm .wf .sowcols.one{grid-template-columns:1fr}
#hpcm .wf .panel{background:#D6DAD0;padding:20px 22px 22px}
#hpcm .wf .panel .lbl{display:block;padding-bottom:4px}
#hpcm .wf .sowrow{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:12px;border-top:1px solid #CBD0C2;padding:12px 0;align-items:start}
#hpcm .wf .rowact{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
#hpcm .wf .rowact .sm{font-size:13.5px;color:#6E7466}
#hpcm .wf .seedtick{font-size:13.5px;color:#6E7466;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding-top:3px;cursor:pointer}
#hpcm .wf .sowrow .acc{display:block;align-self:stretch}
#hpcm .wf .sowrow .nm{font-size:18px;line-height:1.2;color:#232420;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hpcm .wf .sowrow .sl{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:13.5px;color:#6E7466;padding-top:4px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hpcm .wf .sowrow .sw{font-size:13.5px;color:#8A9080;padding-top:3px}
#hpcm .wf .sowrow .srcs{font-size:15px;color:#3A3A3A;padding-top:4px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hpcm .wf .sowrow .how{font-size:15px;color:#3A3A3A;padding-top:6px;line-height:1.5}
#hpcm .wf .srcrow{border-top:1px solid #CBD0C2;padding:12px 0}
#hpcm .wf .srchead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline}
#hpcm .wf .srchead .nm{font-size:13.5px;color:#232420}
#hpcm .wf .srchead .meta{font-size:13.5px;color:#8A9080;padding-top:2px}
#hpcm .wf .srchead .ln{font-weight:500;white-space:nowrap;font-size:15px;color:var(--ink);text-decoration:none}
#hpcm .wf .srchead .none{color:#8A9080;white-space:nowrap;font-size:15px}
#hpcm .wf .srcbar{height:4px;background:#DFE2D9;margin-top:8px}
#hpcm .wf .srcbar span{display:block;height:4px;background:#232420}
#hpcm .wf .srcplants{font-size:13.5px;color:#3A3A3A;padding-top:6px}
/* Seed to flower */
#hpcm .wf .track{border-top:1px solid #B9BFAF;padding-top:16px;margin-top:8px}
#hpcm .wf .trackhead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:14px;flex-wrap:wrap}
#hpcm .wf .trackhead .lbl{color:#6E7466}
#hpcm .wf .trackhead .note{font-size:13.5px;color:#8A9080}
#hpcm .wf .tgrid{display:grid;grid-template-columns:190px repeat(24,minmax(0,1fr));gap:0;align-items:center}
#hpcm .wf .tyears{padding-bottom:4px}
#hpcm .wf .tyears .y{border-left:1px solid #B9BFAF;padding-left:6px;white-space:nowrap;overflow:visible;font-family:Archivo,system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#8A9080;grid-row:1}
#hpcm .wf .tmonths{border-bottom:1px solid #B9BFAF;padding-bottom:5px}
#hpcm .wf .tmonths .m{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;text-align:center;color:#232420;grid-row:1}
#hpcm .wf .tmonths .m.now{color:#EB7539}
#hpcm .wf .trow{border-bottom:1px solid #CBD0C2;padding:12px 0 14px}
#hpcm .wf .troute{min-height:34px}
#hpcm .wf .troute .tname{grid-column:1;grid-row:1;padding-right:16px;min-width:0}
#hpcm .wf .troute .tname b{display:block;font-weight:400;font-size:15px;color:#232420;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
#hpcm .wf .troute .tname .lbl{font-size:11px;letter-spacing:.09em;color:#6E7466}
#hpcm .wf .troute .today{grid-row:1;justify-self:start;width:1px;height:34px;background:#EB7539} /* the one orange mark that is not a call to action: today, on the charts, or it vanishes against the name column rule */
#hpcm .wf .troute .wait{grid-row:1;height:1px;background:#B9BFAF}
#hpcm .wf .troute .st1{grid-row:1;height:6px;background:#CFD4C6}
#hpcm .wf .troute .st2{grid-row:1;height:10px;background:#C4C9BB}
#hpcm .wf .troute .st3{grid-row:1;height:14px;background:#A9AFA0}
#hpcm .wf .tkey{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 0 28px}
#hpcm .wf .tkey span{display:inline-flex;align-items:center;gap:8px;font-family:Newsreader,Georgia,serif;font-size:13.5px;color:#6E7466}
#hpcm .wf .tkey i{display:block;width:22px}
#hpcm .wf .tkey .ksow{height:10px;border:1px solid #232420}
#hpcm .wf .tkey .kst1{height:6px;background:#CFD4C6}
#hpcm .wf .tkey .kst2{height:10px;background:#C4C9BB}
#hpcm .wf .tkey .kst3{height:14px;background:#A9AFA0}
#hpcm .wf .tkey .kwait{height:1px;background:#B9BFAF}
#hpcm .wf .tkey .kbloom{height:10px;background:#8A9080}
#hpcm .wf .tkey .kfull{height:18px;background:#8A9080}
#hpcm .wf .troute .sow{grid-row:1;height:16px;border:1px solid #232420;background:transparent}
#hpcm .wf .troute .bloom{grid-row:1;height:16px}
#hpcm .wf .troute .bloom.full{height:28px}
#hpcm .wf .recwrap .lbl{display:block;padding-bottom:8px;color:var(--ink)}
#hpcm .wf .bshelf{margin-top:14px}
@media(max-width:900px){#hpcm .wf .gjobs,#hpcm .wf .sowcols{grid-template-columns:1fr}#hpcm .wf .tgrid{grid-template-columns:120px repeat(24,minmax(0,1fr))}}
#hpcm .gneed>div{min-width:0}
#hpcm .gneed b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:16px;line-height:1.25;color:var(--ink)}
#hpcm .gneed .sm{display:block;margin-top:3px}
#hpcm .gneed .bact{flex:0 0 auto;white-space:nowrap}
/* The plant panel as a modal, matching the plant library. */
#hpcm .pnveil{position:fixed;inset:0;background:rgba(31,31,33,.42);z-index:9998;flex:none;order:99}
#hpcm .pnmodal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;flex:none;order:99;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:var(--page);border:1px solid var(--line)}
#hpcm .pnmodal>*{margin:0}
@media (max-width:620px){#hpcm .pnmodal{width:calc(100vw - 20px);max-height:calc(100vh - 24px)}}
#hpcm .mstep{color:var(--taupe);margin:6px 0 14px}
#hpcm .mstep.next{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}
#hpcm .pnmodal.keepask{padding:34px 34px 30px;width:min(560px,calc(100vw - 32px))}
/* the Create your own dialog, in the system: a close mark, three numbered lines in Archivo, one field with a hairline under it, one orange button */
#hpcm .pnmodal.buildask{padding:40px 44px 36px;position:fixed}
/* the Bloom calendar (464) */
/* the Flipbook / Online switch and the flip box, as on the Blocks page (442) */
#hpcm .flip{aspect-ratio:16/10;width:100%;max-width:1180px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
#hpcm .flip iframe{width:100%;height:100%;border:0}
#hpcm.v2 .space>h1,#hpcm.v2 .space>.actions,#hpcm.v2 .space>.sides,#hpcm.v2 .space>.tabs:not(.hometabs),#hpcm.v2 .space>.tabpane,#hpcm.v2 .space>.flip,#hpcm.v2 .space>.sec,#hpcm.v2 .space>p{margin-left:40px;margin-right:40px}
#hpcm .pnmodal.buildask .pnx{position:absolute;top:14px;right:16px;background:none!important;border:0!important;box-shadow:none!important;font-size:24px;line-height:1;color:var(--taupe);cursor:pointer;padding:6px;width:auto;height:auto;border-radius:0}
#hpcm .pnmodal.buildask .eyebrow{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe)}
#hpcm .pnmodal.buildask h2{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:34px;line-height:1.1;margin:10px 0 22px;color:var(--ink)}
/* the three steps of a Block being built (Pick your plants, Lay them out, See how they will bloom): a strip of numbered lines, the current one in ink */
#hpcm .steps{display:flex;flex-wrap:wrap;gap:0 28px;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
#hpcm .steps .step{display:inline-flex;align-items:baseline;gap:10px;padding:14px 0 12px;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:Newsreader,Georgia,serif;font-size:17px;color:var(--taupe);text-decoration:none}
#hpcm .steps .step .n{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--taupe)}
#hpcm .steps .step.on{color:var(--ink);border-bottom-color:var(--ink)}#hpcm .steps .step.on .n{color:var(--ink)}
#hpcm .steps .step.done{color:var(--text)}
#hpcm .stepnav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 8px}
#hpcm .pnmodal.buildask .mstart{margin:26px 0 0}
#hpcm .pnmodal.buildask .mstart input{width:100%;font-family:Newsreader,Georgia,serif;font-size:22px;font-weight:300;color:var(--ink);padding:8px 0 10px;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0;background:transparent;outline:none;box-shadow:none!important}
#hpcm .pnmodal.buildask .mstart input::placeholder{color:var(--ltaupe)}
#hpcm .pnmodal.buildask .keepacts{margin-top:26px;padding-top:0;border-top:0;display:flex;gap:14px;align-items:center}
/* the custom Block intake (455) */
#hpcm .pnmodal.intake{width:min(640px,calc(100vw - 32px))}
#hpcm .intake .flab{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin:0 0 8px}
#hpcm .ik-slider{margin:18px 0 0}#hpcm .ik-ends{display:flex;justify-content:space-between;font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);margin-bottom:4px}
#hpcm .ik-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:2px 0;cursor:pointer}
#hpcm .ik-slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}#hpcm .ik-slider input[type=range]::-moz-range-track{height:2px;background:var(--line)}
#hpcm .ik-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);margin-top:-8px}#hpcm .ik-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}
#hpcm .pnmodal.intake h2{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:30px;line-height:1.1;margin:10px 0 6px;color:var(--ink)}#hpcm .pnmodal.intake>.sm{font-family:Newsreader,Georgia,serif;font-size:15px;color:var(--text);margin:0 0 6px}
#hpcm .pnmodal.intake .eyebrow{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe)}
#hpcm .pnmodal.intake .keepacts button{font-family:Archivo,system-ui,sans-serif}#hpcm .ik-hint{font-family:Newsreader,Georgia,serif;font-size:15px;color:var(--ink);margin-top:4px;min-height:1.4em}
#hpcm .ik-choices{display:grid;gap:10px;margin-top:18px}#hpcm .ik-choice{text-align:left;background:#fff;border:1px solid var(--line);padding:14px 16px;cursor:pointer;font:inherit}#hpcm .ik-choice b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:18px;color:var(--ink)}#hpcm .ik-choice span{display:block;font-size:13.5px;color:var(--text);margin-top:3px}#hpcm .ik-choice.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#hpcm .ik-pills{margin-top:18px}#hpcm .ik-pill{font-family:Archivo,system-ui,sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid var(--line);padding:9px 14px;margin:0 8px 8px 0;cursor:pointer;color:var(--ink)}#hpcm .ik-pill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#hpcm .ik-field{margin-top:18px}#hpcm .ik-field input{width:100%;font-family:Newsreader,Georgia,serif;font-size:17px;padding:8px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;outline:none}
#hpcm .keepask h2{margin:8px 0 0}
#hpcm .keepask p{max-width:52ch;margin:12px 0 0}
#hpcm .keepacts{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
#hpcm .profsec{margin:32px 0 16px;padding-top:22px;border-top:1px solid var(--line)}
#hpcm .profsec:first-child{margin-top:0;padding-top:0;border-top:0}
#hpcm .odate{font-family:Archivo,system-ui,sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ltaupe);margin-left:10px}
#hpcm .mgrp.bare{padding-top:18px}
#hpcm .bplanted{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-family:Archivo,system-ui,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe);cursor:pointer}
#hpcm .bplanted input{width:14px;height:14px;accent-color:#5a9e4a}
#hpcm .bactgap{display:block}
#hpcm .booting{min-height:60vh}
/* The Hub rows had no rule for .bmain at all, and .bmoney was styled only
   inside .brow, so in the Hub it fell back to nothing. */
#hpcm .glanceart{-webkit-mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,0) 95%);mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,0) 95%)}

#hpcm.v2 .catcard .stag.own.preview,#hpcm .catcard .stag.own.preview{background:transparent;color:#EB7539;border:0;border-bottom:1px solid #EB7539;border-radius:0;padding:5px 0 3px;position:static;top:auto;margin-bottom:2px}   /* Preview: orange, underlined, one rule on both pages, last so nothing outranks it */
/* Block first visit on a phone (26 September): the months scroll sideways, the month and its note stack */
@media (max-width:900px){#hpcm .mbsteps6{grid-template-columns:repeat(3, minmax(0, 1fr))!important}#hpcm .mbstepd{grid-template-columns:minmax(0, 1fr)!important}}
@media (max-width:600px){#hpcm .mbsteps6{grid-template-columns:repeat(2, minmax(0, 1fr))!important}#hpcm .mbstep > span:last-child{font-size:22px!important}#hpcm .mbselgrid{grid-template-columns:minmax(0, 1fr)!important}#hpcm .mbselgrid > div:first-child{display:none}}
@media (max-width:700px){#hpcm .fvmonths{overflow-x:auto;padding-bottom:4px}#hpcm .fvmonths .fvmo{flex:0 0 52px!important}#hpcm .fvmonths .fvplay{flex:0 0 60px!important}#hpcm .mbcards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hpcm .vbathumbs{gap:5px!important}#hpcm .mbmix{grid-template-columns:minmax(0,1fr)!important}#hpcm .mbblkbar button{padding:4px 8px!important}#hpcm .mbplantgrid{grid-template-columns:minmax(0,1fr)!important}}