/*
Theme Name: Tony Lucero Notes
Theme URI: https://tonylucero.co
Author: Tony Lucero
Description: A minimalist block theme for links, notes, photos, quotes, and now posts.
Version: 2.1.4
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tonylucero-notes
*/

@font-face{font-family:'IBM Plex Mono';src:url('./assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:'IBM Plex Mono';src:url('./assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:600}

:root{
  --paper:#f7f7f7;--ink:#1f211f;--muted:#66655f;--rule:#d0cec8;--accent:#3e5f55;--accent-ink:#fff;
  --body-copy:#3f403b;--link-title:#315f54;--link-title-hover:#24493f;--link-underline:#9bb7ae;--link-underline-hover:#587f74;
  --font-sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--font-alt:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
:root[data-theme='dark']{--paper:#202321;--ink:#f1f2ed;--muted:#afb3ae;--rule:#454b47;--accent:#78a895;--accent-ink:#172019;--body-copy:#d3d5cf;--link-title:#8fc0ae;--link-title-hover:#b5d7ca;--link-underline:#557b6d;--link-underline-hover:#8fc0ae}
:root[data-palette='mustard']{--accent:#9a6b0d;--accent-ink:#fff;--link-title:#815907;--link-title-hover:#614305;--link-underline:#d6b66e;--link-underline-hover:#a87b1e}
:root[data-palette='orange']{--accent:#a95029;--accent-ink:#fff;--link-title:#97431e;--link-title-hover:#733016;--link-underline:#d6a18a;--link-underline-hover:#a95029}
:root[data-palette='red']{--accent:#923c31;--accent-ink:#fff;--link-title:#873329;--link-title-hover:#66241d;--link-underline:#d0a09a;--link-underline-hover:#923c31}
:root[data-palette='ochre']{--accent:#87631e;--accent-ink:#fff;--link-title:#765516;--link-title-hover:#59400f;--link-underline:#cbb47d;--link-underline-hover:#87631e}
:root[data-theme='dark'][data-palette='mustard']{--accent:#d9ab45;--accent-ink:#201b12;--link-title:#e2bc66;--link-title-hover:#f0d394;--link-underline:#826c38;--link-underline-hover:#d9ab45}
:root[data-theme='dark'][data-palette='orange']{--accent:#d47a4e;--accent-ink:#26150d;--link-title:#e28e66;--link-title-hover:#efb194;--link-underline:#81503b;--link-underline-hover:#d47a4e}
:root[data-theme='dark'][data-palette='red']{--accent:#c76050;--accent-ink:#25100d;--link-title:#dc7b6e;--link-title-hover:#ecaaa2;--link-underline:#77433c;--link-underline-hover:#c76050}
:root[data-theme='dark'][data-palette='ochre']{--accent:#c99a43;--accent-ink:#21180a;--link-title:#d8ad61;--link-title-hover:#e8cb93;--link-underline:#776037;--link-underline-hover:#c99a43}

html{background:var(--paper);scroll-behavior:smooth}body{background:linear-gradient(rgba(31,33,31,.025) 1px,transparent 1px),var(--paper);background-size:100% 32px;color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.62;text-rendering:optimizeLegibility}::selection{background:#efd47b;color:#1f211f}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 34%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}a:focus-visible,button:focus-visible{border-radius:2px;outline:3px solid color-mix(in srgb,var(--accent) 62%,white);outline-offset:3px}

.site-header{display:flex;align-items:flex-end;justify-content:space-between;width:min(100% - 40px,760px);margin-inline:auto;padding-block:30px 27px;border-bottom:1px solid var(--ink)}
.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--font-alt);font-size:clamp(1.35rem,2.8vw,1.8rem);font-weight:600;letter-spacing:.06em;line-height:1;text-decoration:none;text-transform:uppercase}.wordmark-mark{display:block;width:31px;height:31px;flex:0 0 auto;overflow:visible}.mark-bar{fill:none;stroke:var(--accent);stroke-linecap:square;stroke-width:6}.header-actions{display:flex;align-items:center;gap:clamp(16px,3vw,34px)}.header-actions>a{font-family:var(--font-alt);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.header-actions>a:hover{color:var(--accent)}.appearance-controls{display:flex;align-items:center;gap:12px}.theme-toggle,.palette-toggle{display:grid;width:20px;height:20px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transform:translateY(-2px)}.theme-toggle:hover,.palette-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.palette-picker{position:relative}.palette-toggle{padding:3px}.palette-toggle>span{width:100%;height:100%;border-radius:50%;background:var(--accent)}.palette-menu{position:absolute;z-index:20;top:calc(100% + 10px);right:0;display:none;gap:5px;padding:8px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);box-shadow:0 12px 35px rgb(20 22 20 / 16%)}.palette-picker.is-open .palette-menu{display:flex}.palette-option{display:grid;width:24px;height:24px;padding:4px;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.palette-option:hover,.palette-option[aria-selected='true']{background:color-mix(in srgb,var(--ink) 8%,transparent)}.palette-swatch{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 12%)}[data-palette-choice='green'] .palette-swatch{background:#3e5f55}[data-palette-choice='mustard'] .palette-swatch{background:#9a6b0d}[data-palette-choice='orange'] .palette-swatch{background:#a95029}[data-palette-choice='red'] .palette-swatch{background:#923c31}[data-palette-choice='ochre'] .palette-swatch{background:#87631e}

.category-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:min(100% - 40px,760px);height:76px;min-height:76px;margin-inline:auto;border-bottom:1px solid var(--rule)}.category-bar strong{min-width:0;color:var(--accent);font-family:var(--font-alt);font-size:.76rem;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.category-nav{display:flex;flex-wrap:nowrap;gap:10px clamp(16px,3vw,34px)}.category-nav a{flex:0 0 auto;color:var(--muted);font-family:var(--font-alt);font-size:.68rem;font-weight:600;letter-spacing:.045em;text-decoration:none;text-transform:uppercase}.category-nav a:hover{color:var(--accent)}

.notes-query{width:min(100% - 40px,760px);margin-inline:auto}.notes-query .wp-block-post-template{margin:0;padding:0}.notes-query .wp-block-post{list-style:none;padding-top:38px}.post-inner{width:100%;max-width:670px;margin-inline:auto}.wp-block-post-title{margin:0 0 13px;font-family:var(--font-sans);font-size:clamp(1.2rem,2.1vw,1.45rem);font-weight:600;letter-spacing:-.02em;line-height:1.3}.wp-block-post-title a{text-decoration:none}.wp-block-post-title a:hover{color:var(--accent)}.wp-block-post-content{color:var(--body-copy)}.format-link .wp-block-post-title,.format-image .wp-block-post-title,.format-quote .wp-block-post-title{display:none}.format-link .wp-block-post-content>p:first-child a{color:var(--link-title);font-weight:700;text-decoration-color:var(--link-underline)}.format-link .wp-block-post-content>p:first-child a:hover{color:var(--link-title-hover);text-decoration-color:var(--link-underline-hover)}.format-image .wp-block-post-content>.wp-block-image:first-child{width:125%;max-width:none;margin-left:-12.5%}.format-image .wp-block-post-content>.wp-block-image:first-child img{width:100%;border-radius:2px}.format-quote .wp-block-quote{margin:0;border:0;padding:0}.format-quote .wp-block-quote p{font-family:var(--font-sans);font-size:clamp(1.75rem,4vw,2.65rem);font-style:normal;font-weight:600;letter-spacing:-.035em;line-height:1.16}.format-quote .wp-block-quote cite{color:var(--muted);font-size:.92rem;font-style:italic;font-weight:700}.post-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px;color:var(--muted);font-family:var(--font-alt);font-size:.68rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase}.post-meta>*+*::before{content:'·';margin-right:7px}.post-taxonomy{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.post-taxonomy a{display:inline-block;padding:4px 10px 5px;border:1px solid var(--rule);border-radius:10px;color:var(--muted);font-family:var(--font-alt);font-size:.67rem;font-weight:600;line-height:1.1;text-decoration:none}.post-taxonomy a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.post-taxonomy .taxonomy-category a{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.post-taxonomy .taxonomy-category a:hover{border-color:currentColor;filter:brightness(.9)}.post-divider{height:1px;margin-top:44px;background:var(--rule)}.wp-block-query-pagination{max-width:670px;margin:38px auto 0;font-family:var(--font-alt);font-size:.72rem;text-transform:uppercase}
.category-notes .wp-block-post-title a{text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.2em}.category-notes .wp-block-post-title a:hover{color:inherit;text-decoration-color:var(--accent)}
.archive-link{display:flex;justify-content:space-between;width:min(100% - 40px,670px);margin-inline:auto;padding-block:37px 40px;font-size:1.1rem;font-weight:600;text-decoration:none}.archive-link:hover{color:var(--accent)}

/* Categories are the publishing interface; post formats remain optional. */
.category-links .wp-block-post-title,.category-photos .wp-block-post-title,.category-quotes .wp-block-post-title,body.tonylucero-category-photos .wp-block-post-title,body.tonylucero-category-quotes .wp-block-post-title{display:none}
.category-links .wp-block-post-content>p:first-child a{color:var(--link-title);font-weight:700;text-decoration-color:var(--link-underline)}
.category-links .wp-block-post-content>p:first-child a:hover{color:var(--link-title-hover);text-decoration-color:var(--link-underline-hover)}
.category-photos .wp-block-post-content>.wp-block-image:first-child,body.tonylucero-category-photos .wp-block-post-content>.wp-block-image:first-child{width:125%;max-width:none;margin-left:-12.5%;margin-bottom:24px}
.category-photos .wp-block-post-content>.wp-block-image:first-child img,body.tonylucero-category-photos .wp-block-post-content>.wp-block-image:first-child img{display:block;width:100%;height:auto;border-radius:2px}
.category-quotes .wp-block-post-content>.wp-block-paragraph:first-child,body.tonylucero-category-quotes .wp-block-post-content>.wp-block-paragraph:first-child{margin:0;font-size:clamp(1.75rem,4vw,2.65rem);font-weight:600;letter-spacing:-.035em;line-height:1.16}
.category-quotes .wp-block-post-content>.wp-block-paragraph:last-child,body.tonylucero-category-quotes .wp-block-post-content>.wp-block-paragraph:last-child{margin-top:18px;color:var(--muted);font-size:.92rem;font-style:italic;font-weight:700}
.category-quotes .wp-block-quote,body.tonylucero-category-quotes .wp-block-quote{margin:0;border:0;padding:0}
.category-quotes .wp-block-quote p,body.tonylucero-category-quotes .wp-block-quote p{font-size:clamp(1.75rem,4vw,2.65rem);font-style:normal;font-weight:600;letter-spacing:-.035em;line-height:1.16}
.category-quotes .wp-block-quote cite,body.tonylucero-category-quotes .wp-block-quote cite{color:var(--muted);font-size:.92rem;font-style:italic;font-weight:700}
.header-actions>a[aria-current='page'],.category-nav a[aria-current='page']{color:var(--accent)}
.theme-toggle,.palette-toggle{width:28px;height:28px;transform:translateY(-1px)}
.category-links .wp-block-post-title{display:block;margin-bottom:13px;font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.62}
.category-links .wp-block-post-title a{color:var(--link-title);text-decoration:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:1px;text-underline-offset:.2em}
.category-links .wp-block-post-title a:hover{color:var(--link-title-hover);text-decoration-color:var(--link-underline-hover)}
.post-taxonomy .wp-block-post-terms__separator{display:none}
body.tonylucero-category-photos .post-accessible-title,body.tonylucero-category-quotes .post-accessible-title{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.tonylucero-category-links .post-accessible-title{font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.62}body.tonylucero-category-links .post-accessible-title a{color:var(--link-title);text-decoration:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:1px;text-underline-offset:.2em}
.page-shell h1.page-kicker{margin:0 0 12px;color:var(--accent);font-family:var(--font-alt);font-size:.7rem;font-weight:600;letter-spacing:.06em;line-height:1.62;text-transform:uppercase}

.page-shell{width:min(100% - 40px,670px);margin-inline:auto;padding-block:clamp(64px,10vw,112px)}.page-shell h1,.archive-title{margin:0 0 30px;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.045em;line-height:1.05}.archive-directory .archive-popular{padding:0 0 48px;border-bottom:1px solid var(--rule)}.archive-directory h2{margin:0 0 22px;color:var(--accent);font-family:var(--font-alt);font-size:.76rem;font-weight:600;letter-spacing:.06em;line-height:1.62;text-transform:uppercase}.archive-tag-cloud,.archive-months{display:flex;flex-wrap:wrap;gap:10px clamp(16px,3vw,34px)}.archive-tag-cloud a{color:var(--muted);font-size:1rem;text-decoration-color:transparent}.archive-tag-cloud a:hover{color:var(--accent)}.archive-years{padding-top:48px}.archive-years-direct{padding-top:12px}.archive-year+.archive-year{margin-top:46px}.archive-year>h2{margin:0 0 22px;color:var(--accent);font-family:var(--font-alt);font-size:.76rem;font-weight:600;letter-spacing:.06em;line-height:1.62;text-transform:uppercase}.archive-months a{font-size:1rem}.site-footer{display:grid;grid-template-columns:2fr 1fr;gap:30px;width:min(100% - 40px,760px);margin:clamp(80px,12vw,150px) auto 0;padding-block:50px 42px;border-top:1px solid var(--ink)}.footer-heading{margin:0;color:var(--ink);font-size:1.1rem;font-weight:600}.footer-links{text-align:right}.footer-links a{font-size:.78rem;font-weight:700}
.page-kicker{margin:0 0 12px;color:var(--accent);font-family:var(--font-alt);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.page-shell{padding-block:clamp(48px,7vw,80px)}.page-shell h1:not(.page-kicker){font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.035em;line-height:1.1}
.page-shell.archive-shell{padding-top:clamp(38px,5vw,56px)}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){body{font-size:16px;background-size:100% 28px}.site-header{align-items:flex-start;padding-block:24px}.header-actions{display:grid;grid-template-columns:repeat(3,auto);gap:8px 16px}.appearance-controls{grid-column:3;grid-row:1 / span 2;align-self:center}.category-bar{align-items:flex-start;flex-direction:column;justify-content:center;gap:10px;height:112px;min-height:112px}.category-nav{width:100%;overflow-x:auto;padding-bottom:3px}.notes-query .wp-block-post{padding-top:32px}.format-image .wp-block-post-content>.wp-block-image:first-child{width:100%;margin-left:0}.site-footer{grid-template-columns:1fr}.footer-links{text-align:left}.page-shell{width:min(100% - 30px,670px)}}
@media(max-width:680px){.category-photos .wp-block-post-content>.wp-block-image:first-child,body.tonylucero-category-photos .wp-block-post-content>.wp-block-image:first-child{width:100%;margin-left:0}}
@media(max-width:680px){.site-header{flex-wrap:wrap;gap:22px}.header-actions{width:100%;grid-template-columns:repeat(2,max-content) 1fr;gap:10px 22px}.appearance-controls{grid-column:3;justify-self:end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}