/* Recent Jobs. Use my theme (the base) paints each card and the call-out bar with the
 * theme's plate pair, or where it defines no plate a currentColor tint under its own text
 * (base/contrast would be white on a white page) and keeps the theme's heading, body and button styles.
 * Designed is Bough: birch-bark ground, pale cards on a hairline, forest call-out slab with
 * the leaf-green label lifted to #9fd08a (8.06:1), Rockwell headings over Trebuchet. */
.patternpaste-designed-worklog{--ppw-ink:var(--pp-ink);--ppw-muted:currentColor;--ppw-label:var(--pp-label);--ppw-rule:color-mix(in srgb,var(--pp-rule) 34%,transparent);--ppw-card:var(--wp--preset--color--role-plate,color-mix(in srgb,currentColor 7%,transparent));--ppw-card-ink:var(--wp--preset--color--role-plate-text,currentColor);--ppw-card-label:var(--wp--preset--color--role-plate-text,currentColor);--ppw-card-muted:var(--wp--preset--color--role-plate-text,currentColor);--ppw-slab:var(--wp--preset--color--role-plate,color-mix(in srgb,currentColor 7%,transparent));--ppw-slab-ink:var(--wp--preset--color--role-plate-text,currentColor);--ppw-slab-label:var(--wp--preset--color--role-plate-text,currentColor);box-sizing:border-box;padding:clamp(30px,6vw,88px) 0;container-type:inline-size}
.patternpaste-designed-worklog[data-treatment="designed"]{--ppw-ink:#15301c;--ppw-muted:#40564a;--ppw-label:#2e6b3a;--ppw-rule:#c3d0bb;--ppw-card:#f2f6ec;--ppw-card-ink:#15301c;--ppw-card-label:#2e6b3a;--ppw-card-muted:#40564a;--ppw-slab:#15301c;--ppw-slab-ink:#e8eee2;--ppw-slab-label:#9fd08a}
.patternpaste-designed-worklog[data-treatment="designed"]:not(.has-background){background:#e8eee2}.patternpaste-designed-worklog[data-treatment="designed"]:not(.has-text-color){color:var(--ppw-ink)}
.patternpaste-designed-worklog[data-treatment="designed"]:not([class*="-font-family"]){font-family:"Trebuchet MS","Segoe UI","Helvetica Neue",Arial,sans-serif}
.patternpaste-designed-worklog.patternpaste-designed[data-treatment="designed"] :where(h2,h3,p,a){font-family:inherit}
.patternpaste-designed-worklog.patternpaste-designed[data-treatment="designed"] :where(.patternpaste-worklog-heading,.patternpaste-worklog-tree):not([class*="-font-family"]){font-family:Rockwell,"Rockwell Nova","Roboto Slab","DejaVu Serif",Georgia,serif;font-weight:700}
.patternpaste-designed-worklog[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-text-color){color:inherit}.patternpaste-designed-worklog[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-background){background:transparent}
.patternpaste-designed-worklog *{box-sizing:border-box}.patternpaste-designed-worklog :where(p,h2,h3,.wp-block-group,.wp-block-image,.wp-block-buttons){margin:0}.patternpaste-designed-worklog .patternpaste-designed-layout{max-width:none}

/* Introduction, capped at the theme's wide size while the ribbon bleeds. */
.patternpaste-designed-worklog .patternpaste-worklog-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:var(--patternpaste-designed-block-gap,clamp(20px,4cqi,64px));row-gap:14px;align-items:end;max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto;padding:0 clamp(18px,4vw,64px) clamp(26px,4cqi,48px)}
.patternpaste-designed-worklog:not(.has-text-color) .patternpaste-worklog-intro:not(.has-text-color) .patternpaste-worklog-kicker:not(.has-text-color){color:var(--ppw-label)}.patternpaste-designed-worklog .patternpaste-worklog-kicker{grid-column:1/-1;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.patternpaste-designed-worklog .patternpaste-worklog-kicker:not([class*="-font-size"]){font-size:12px;line-height:1.4}
.patternpaste-designed-worklog .patternpaste-worklog-heading{max-width:15ch}.patternpaste-designed-worklog .patternpaste-worklog-heading:not([class*="-font-size"]){font-size:clamp(34px,5.4cqi,70px);line-height:1.02;letter-spacing:-.02em}
.patternpaste-designed-worklog .patternpaste-worklog-lede{max-width:40ch}.patternpaste-designed-worklog .patternpaste-worklog-lede:not([class*="-font-size"]){font-size:clamp(15px,1.4cqi,18px);line-height:1.55}.patternpaste-designed-worklog[data-treatment="designed"] .patternpaste-worklog-intro:not(.has-text-color) .patternpaste-worklog-lede:not(.has-text-color){color:var(--ppw-muted)}

/* The ribbon: a wrapping grid without the runtime, a dragged row with it. */
.patternpaste-designed-worklog .patternpaste-worklog-track{--patternpaste-marquee-item-width:clamp(250px,24vw,330px);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--patternpaste-designed-block-gap,14px);align-items:stretch;max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto;padding:4px clamp(18px,4vw,64px)}
.patternpaste-designed-worklog .patternpaste-worklog-track.patternpaste-marquee-active{max-width:none;padding-inline:0}
/* The pause control sits in its own band under the cards, never over a docket. */
.patternpaste-designed-worklog .patternpaste-marquee-viewport{padding-block:4px 62px}.patternpaste-designed-worklog .patternpaste-marquee-viewport+.patternpaste-worklog-callout{margin-top:0}
.patternpaste-designed-worklog .patternpaste-worklog-item{display:flex;flex-direction:column;min-width:0;border:1px solid var(--ppw-rule);border-radius:0;overflow:hidden}.patternpaste-designed-worklog .patternpaste-worklog-item:not(.has-background){background:var(--ppw-card)}.patternpaste-designed-worklog .patternpaste-worklog-item:not(.has-text-color){color:var(--ppw-card-ink)}
.patternpaste-designed-worklog .patternpaste-worklog-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.patternpaste-designed-worklog .patternpaste-worklog-docket{display:flex;flex-direction:column;flex:1;gap:4px;padding:14px 16px 16px}
.patternpaste-designed-worklog .patternpaste-worklog-item :where(h3,p):not(.has-text-color){color:inherit}
.patternpaste-designed-worklog .patternpaste-worklog-month{font-weight:700;letter-spacing:.14em;text-transform:uppercase}.patternpaste-designed-worklog .patternpaste-worklog-month:not([class*="-font-size"]){font-size:11px;line-height:1.4}.patternpaste-designed-worklog .patternpaste-worklog-item:not(.has-text-color) .patternpaste-worklog-month:not(.has-text-color){color:var(--ppw-card-label)}
.patternpaste-designed-worklog .patternpaste-worklog-tree:not([class*="-font-size"]){font-size:clamp(20px,1.9cqi,24px);line-height:1.15}
.patternpaste-designed-worklog .patternpaste-worklog-work:not([class*="-font-size"]){font-size:15px;line-height:1.4}
.patternpaste-designed-worklog .patternpaste-worklog-village{margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.patternpaste-designed-worklog .patternpaste-worklog-village:not([class*="-font-size"]){font-size:13px;line-height:1.4}.patternpaste-designed-worklog .patternpaste-worklog-item:not(.has-text-color) .patternpaste-worklog-village:not(.has-text-color){color:var(--ppw-card-muted)}
.patternpaste-designed-worklog .patternpaste-worklog-work+.patternpaste-worklog-village{margin-top:auto}
.patternpaste-designed-worklog .patternpaste-worklog-docket>.patternpaste-worklog-work{margin-bottom:6px}

/* The storm call-out: a slab under the ribbon. */
.patternpaste-designed-worklog .patternpaste-worklog-callout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(16px,3cqi,40px);row-gap:6px;align-items:center;width:calc(100% - 2 * clamp(18px,4vw,64px));max-width:calc(var(--wp--style--global--wide-size,1280px) - 2 * clamp(18px,4vw,64px));margin:clamp(24px,3.5cqi,44px) auto 0;padding:clamp(18px,2.4cqi,28px) clamp(18px,3cqi,36px)}
.patternpaste-designed-worklog .patternpaste-worklog-callout:not(.has-background){background:var(--ppw-slab)}.patternpaste-designed-worklog .patternpaste-worklog-callout:not(.has-text-color){color:var(--ppw-slab-ink)}
.patternpaste-designed-worklog .patternpaste-worklog-callout :where(p):not(.has-text-color){color:inherit}
.patternpaste-designed-worklog .patternpaste-worklog-callout-label{font-weight:700;letter-spacing:.14em;text-transform:uppercase}.patternpaste-designed-worklog .patternpaste-worklog-callout-label:not([class*="-font-size"]){font-size:12px;line-height:1.4}.patternpaste-designed-worklog .patternpaste-worklog-callout:not(.has-text-color) .patternpaste-worklog-callout-label:not(.has-text-color){color:var(--ppw-slab-label)}
.patternpaste-designed-worklog .patternpaste-worklog-phone{font-weight:700;letter-spacing:.01em}.patternpaste-designed-worklog .patternpaste-worklog-phone:not([class*="-font-size"]){font-size:clamp(22px,2.4cqi,30px);line-height:1.1}
.patternpaste-designed-worklog .patternpaste-worklog-hours{grid-column:1/3}.patternpaste-designed-worklog .patternpaste-worklog-hours:not([class*="-font-size"]){font-size:14px;line-height:1.45}
.patternpaste-designed-worklog .patternpaste-worklog-action{grid-column:3;grid-row:1/3;justify-content:flex-end}
.patternpaste-designed-worklog[data-treatment="designed"] .patternpaste-worklog-action .wp-block-button__link{padding:14px 22px;border-radius:4px;font-size:15px;font-weight:700;text-decoration:none}.patternpaste-designed-worklog[data-treatment="designed"] .patternpaste-worklog-action .wp-block-button__link:not(.has-background){background:#e8eee2}.patternpaste-designed-worklog[data-treatment="designed"] .patternpaste-worklog-action .wp-block-button__link:not(.has-text-color){color:#15301c}
.patternpaste-designed-worklog .patternpaste-marquee-control{margin-inline:clamp(18px,4vw,64px)}


@container (max-width:760px){.patternpaste-designed-worklog .patternpaste-worklog-intro{grid-template-columns:1fr}.patternpaste-designed-worklog .patternpaste-worklog-track{--patternpaste-marquee-item-width:72vw}.patternpaste-designed-worklog .patternpaste-worklog-callout{grid-template-columns:1fr}.patternpaste-designed-worklog .patternpaste-worklog-hours,.patternpaste-designed-worklog .patternpaste-worklog-action{grid-column:1;grid-row:auto;justify-content:flex-start}.patternpaste-designed-worklog .patternpaste-worklog-action{margin-top:8px}}

/* The editor lays out the cards as the no-script grid. */
.editor-styles-wrapper .patternpaste-designed-worklog .patternpaste-worklog-track>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--patternpaste-designed-block-gap,14px)}
.editor-styles-wrapper .patternpaste-designed-worklog :is(.patternpaste-worklog-intro,.patternpaste-worklog-callout)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:contents}