/*
Theme Name: Hugo Silva ↯Micro
Theme URI: https://hugosilva.org/
Author: Hugo Silva
Author URI: https://hugosilva.org/
Description: Minimal Modern MOdal M↯crozz
Version: 1.5.3
Text Domain: hugosilva-micro
*/

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Inter:wght@400;500;700;900&display=swap');

:root{
	--color-bg:#fff; --color-bg-soft:#f6f6f5; --color-text:#0a0a0a;
	--color-text-soft:#52525b; --color-text-muted:#71717a; --color-text-faint:#a1a1aa;
	--color-border:#e4e4e7; --color-border-soft:#f4f4f5;
	--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
	--font-serif:"Newsreader","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
	--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
	--font-display:"Inter Tight","Instrument Sans",Inter,var(--font-sans);
	--content-max:980px; --radius-pill:999px; --radius-img:8px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;}
img,svg,iframe{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;} ul,ol{list-style:none;}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;}
.screen-reader-text:focus{background:#000;color:#fff;clip:auto !important;clip-path:none;display:block;padding:12px 20px;left:10px;top:10px;z-index:100000;border-radius:6px;}

.site-container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 24px 60px;}

/* HEADER - FULL WIDTH, TOUCHES TOP */
.site-header{
	width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	padding:0;
	background:var(--color-bg);
	margin-bottom:12px;
}
.header-inner{display:flex;flex-direction:column;gap:0;width:100%;}

/* LOGO - HUGE, CENTERED per final tweak */
.site-logo{
	width:100vw;
	margin:0;
	padding:0;
	line-height:0.75;
	overflow:hidden;
	text-align:center;
	display:flex;
	justify-content:center;
}
.logo-text{
	display:block;
	width:100%;
	font-family:var(--font-display);
	font-weight:900;
	text-transform:uppercase;
	color:#000;
	line-height:0.78;
	letter-spacing:-0.04em;
	font-size:min(18vw, 200px);
	white-space:nowrap;
	margin:0;
	padding:0;
	text-align:center;
	transform:translateY(-0.06em);
}
.logo-text a{color:#000;text-decoration:none;display:block;}
/* Your tweaks for mobile - bigger */
@media(max-width:1100px){
	.logo-text{font-size:min(16vw, 160px);}
}
@media(max-width:900px){
	.logo-text{font-size:min(15vw, 120px);}
}
@media(max-width:720px){
	.logo-text{
		font-size:min(26vw, 90px);
		letter-spacing:-0.04em;
		transform:translateY(-0.04em);
		/* no padding-left per your note - touches left */
	}
}
@media(max-width:480px){
	.logo-text{
		font-size:min(18vw, 64px);
		letter-spacing:-0.03em;
	}
}

/* PILL NAV - 3px #F8F8F8, white, #999, black on hover - LEFT (logo centered only) */
.pill-nav{
	display:flex;flex-wrap:wrap;gap:10px;
	width:100%;max-width:var(--content-max);margin:0 auto;
	padding:14px 24px 0;
}
.pill-nav a, .pill-link, .pill-nav .menu-item a{
	display:inline-flex;align-items:center;
	padding:9px 18px;
	font-size:13px;font-weight:700;
	letter-spacing:0.02em;
	background:#fff;
	border:3px solid #F8F8F8;
	color:#999;
	border-radius:var(--radius-pill);
	transition:all 0.15s ease;
	text-transform:lowercase;
	line-height:1;
}
.pill-nav a:hover, .pill-link:hover, .pill-nav .menu-item a:hover,
.pill-nav a:focus, .pill-nav .current-menu-item a, .pill-nav a.is-active{
	background:#fff;
	border-color:#000;
	color:#000;
}
@media(max-width:720px){
	.pill-nav{padding:10px 18px 0;gap:8px;}
}

/* SEARCH - 3px #F8F8F8, white bg, 56px padding to avoid icon overlap */
.header-search{
	width:100%;max-width:var(--content-max);margin:0 auto;
	padding:18px 24px 0;
	position:relative;
}
.header-search .searchform, .header-search form{position:relative;width:100%;}
.header-search input[type="text"],
.header-search input[type="search"]{
	width:100%;height:52px;
	padding:0 16px 0 56px;
	font-size:17px;line-height:1.7;letter-spacing:-0.011em;
	font-family:var(--font-serif);
	font-weight:400;
	background:#fff;
	border:3px solid #F8F8F8;
	border-radius:var(--radius-pill);
	color:#18181b;
	outline:none;
	transition:border-color 0.15s,box-shadow 0.15s;
}
.header-search input::placeholder{color:transparent;}
.header-search input:focus{border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,0.06);}
.header-search .search-icon{
	position:absolute;left:38px;top:50%;transform:translateY(-50%);
	width:18px;height:18px;pointer-events:none;opacity:0.55;z-index:1;
}
@media(max-width:720px){
	.header-search{padding:12px 18px 0;}
	.header-search .search-icon{left:32px;}
	.header-search input{padding-left:52px; height:48px;}
}
.header-search button{display:none;}

/* MAIN */
.site-wrapper{display:block;width:100%;}
.sleeve_main{width:100%;min-width:0;}
.site-main{width:100%;}

/* FEED TITLE REMOVED */
.feed-title-bar{display:none !important;}

/* POSTS */
.p2-post-list{display:flex;flex-direction:column;}
.post-entry,.p2-card{padding:20px 0 24px;border-bottom:1px solid var(--color-border-soft);position:relative;}
.post-entry:last-child,.p2-card:last-child{border-bottom:none;}
.p2-avatar-col{display:none !important;}
.p2-content-col{flex:1;min-width:0;}
.p2-card-header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;}
.p2-author-name{font-size:13px;font-weight:600;color:var(--color-text);letter-spacing:-0.01em;}
.p2-time,.p2-time-link{font-size:12px;color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:0.02em;}
.p2-time-link:hover{color:var(--color-text-muted);text-decoration:underline;}

/* Title - display stays sans bold, body serif - NO underline on hover */
.p2-post-title,.post-title,.entry-title{
	font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.75rem);font-weight:700;line-height:1.15;letter-spacing:-0.03em;color:#000;margin:0 0 10px;
	position:relative;
}
.p2-post-title a,.post-title a{color:#000;text-decoration:none;}
.p2-post-title a:hover,.post-title a:hover{text-decoration:none;}

/* Permalink ∞ - small black text link, shows on title hover, no underline */
.post-title .permalink-link{
	display:inline-block;
	margin-left:7px;
	font-size:13px;
	font-weight:400;
	color:#000;
	line-height:1;
	vertical-align:middle;
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	user-select:none;
	text-decoration:none;
	letter-spacing:0;
	opacity:0;
	transition:opacity 0.15s ease;
}
.post-title:hover .permalink-link{opacity:1;}
.post-title .permalink-link:hover{opacity:0.6; text-decoration:none;}
/* Keep old class for backward compat if span used */
.post-title .copy-link{
	display:inline-block;
	margin-left:7px;
	font-size:13px;
	font-weight:400;
	color:#000;
	line-height:1;
	vertical-align:middle;
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	user-select:none;
	text-decoration:none;
	letter-spacing:0;
	opacity:0;
	transition:opacity 0.15s ease;
}
.post-title:hover .copy-link{opacity:1;}
.post-title .copy-link:hover{opacity:0.6;}

/* Body - SERIF for long-form, fits minimal style */
.p2-post-body,.entry-content,.post-content{
	font-family:var(--font-serif);
	font-size:18px;
	line-height:1.72;
	letter-spacing:-0.003em;
	color:#18181b;
	font-optical-sizing:auto;
}
.p2-post-body p,.entry-content p{margin-bottom:1.1em;}
.p2-post-body p:last-child{margin-bottom:0;}

/* First paragraph - subtle, not jarring bold */
.p2-post-body > p:first-of-type{
	font-size:19px;
	line-height:1.6;
	letter-spacing:-0.01em;
}
/* If you want bold first para, add class .has-bold-first */
.p2-post-body.has-bold-first > p:first-of-type{
	font-weight:500;
}

.p2-post-body img,.entry-content img,.post-content img{
	width:100% !important;height:auto !important;max-width:100% !important;border-radius:var(--radius-img);margin:18px 0;background:var(--color-bg-soft);
}
/* Embeds - videos, iframes, wp blocks grow like standard images */
.p2-post-body iframe,.entry-content iframe,.post-content iframe,
.p2-post-body video,.entry-content video,.post-content video,
.p2-post-body .wp-block-embed,.entry-content .wp-block-embed,.post-content .wp-block-embed,
.p2-post-body .wp-block-video,.entry-content .wp-block-video,
.p2-post-body .wp-block-embed__wrapper,.entry-content .wp-block-embed__wrapper,
.p2-post-body .jetpack-video-wrapper,.entry-content .jetpack-video-wrapper,
.p2-post-body .wp-video,.entry-content .wp-video{
	width:100% !important;max-width:100% !important;border-radius:var(--radius-img);margin:18px 0;display:block;
}
.p2-post-body iframe,.entry-content iframe,.post-content iframe{
	aspect-ratio:16/9;height:auto !important;
}
.p2-post-body .wp-block-embed.is-type-video .wp-block-embed__wrapper{padding:0 !important;}
/* Full-bleed option - add class "full-bleed" to post in editor */
.post-entry.full-bleed img,
.post-entry.is-full-bleed img,
.p2-card.full-bleed img{
	width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	max-width:100vw !important;
	border-radius:0;
}
.post-entry.full-bleed iframe,
.post-entry.full-bleed video,
.post-entry.full-bleed .wp-block-embed,
.post-entry.full-bleed .wp-block-video,
.post-entry.full-bleed .jetpack-video-wrapper{
	width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	max-width:100vw !important;
	border-radius:0;
}
@media(min-width:980px){
	/* Default slight breakout for pop */
	.p2-post-body img,.entry-content img{
		width:calc(100% + 80px) !important;margin-left:-40px;margin-right:-40px;max-width:calc(100% + 80px) !important;
	}
	.p2-post-body iframe,.entry-content iframe,
	.p2-post-body video,.entry-content video,
	.p2-post-body .wp-block-embed,.entry-content .wp-block-embed,
	.p2-post-body .wp-block-video,.entry-content .wp-block-video,
	.p2-post-body .wp-block-embed__wrapper,.entry-content .wp-block-embed__wrapper,
	.p2-post-body .jetpack-video-wrapper,.entry-content .jetpack-video-wrapper{
		width:calc(100% + 80px) !important;margin-left:-40px;margin-right:-40px;max-width:calc(100% + 80px) !important;
	}
	/* Full-bleed overrides that */
	.post-entry.full-bleed img,
	.post-entry.is-full-bleed img{
		width:100vw !important;
		margin-left:calc(50% - 50vw) !important;
		margin-right:calc(50% - 50vw) !important;
		max-width:100vw !important;
	}
}

.p2-post-body a,.entry-content a{color:#000;text-decoration:underline;text-decoration-color:var(--color-border);text-decoration-thickness:1px;text-underline-offset:3px;}
.p2-post-body a:hover,.entry-content a:hover{text-decoration-color:#000;}
.p2-post-body blockquote,.entry-content blockquote{border-left:2px solid #000;padding-left:18px;margin:20px 0;font-style:italic;color:var(--color-text-soft); font-family:var(--font-serif);}
.p2-post-body code,.entry-content code{font-family:var(--font-mono);font-size:0.88em;background:var(--color-bg-soft);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border-soft);}

.pagination{display:flex;gap:8px;padding:32px 0 0;justify-content:flex-start;}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;font-size:13px;font-weight:500;font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;color:var(--color-text-muted);transition:all 0.15s;}
.page-numbers:hover{border-color:#000;color:#000;}
.page-numbers.current{background:#000;border-color:#000;color:#fff;}

/* COMMENTS - NO AVATAR */
.comments-area{margin-top:40px;padding-top:28px;border-top:1px solid var(--color-border);}
.comments-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text-muted);margin-bottom:18px;}
.comment-list{margin-bottom:28px;}
.p2-comment-item,.comment{margin-bottom:18px;}
.comment-body{display:flex;gap:10px;padding:0;background:none;border:none;}
.comment-avatar{display:none !important;}
.comment-main{flex:1;min-width:0;}
.comment-meta{font-size:11px;color:var(--color-text-faint);font-family:var(--font-mono);margin-bottom:4px;}
.comment-author{font-weight:600;color:var(--color-text);font-family:var(--font-sans);font-size:13px;margin-right:6px;}
.comment-text{font-size:14px;line-height:1.6;color:var(--color-text-soft); font-family:var(--font-serif);}
.comment-reply,.reply{display:none;}
.comment-respond{background:var(--color-bg-soft);border:1px solid var(--color-border-soft);border-radius:12px;padding:18px;margin-top:20px;}
.comment-reply-title{font-size:14px;font-weight:600;margin-bottom:10px;}
.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{
	width:100%;padding:10px 12px;font-size:14px;font-family:inherit;border:1px solid var(--color-border);border-radius:8px;background:#fff;outline:none;
}
.comment-form textarea:focus,.comment-form input:focus{border-color:#000;}
.form-submit input[type="submit"]{background:#000;color:#fff;border:1px solid #000;border-radius:var(--radius-pill);padding:10px 20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;}
.form-submit input[type="submit"]:hover{background:#222;}

.bottom-sidebar{margin-top:48px;padding:32px 0 0;border-top:1px solid var(--color-border);}
.bottom-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}
.bottom-sidebar .widget{font-size:14px;line-height:1.6;color:var(--color-text-soft);}
.bottom-sidebar .widgettitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted);margin-bottom:10px;font-family:var(--font-sans);}
.bottom-sidebar a{color:var(--color-text-soft);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px;}
.bottom-sidebar a:hover{color:#000;text-decoration-color:#000;}
.site-sidebar{width:100%;background:none;border:none;padding:0;margin-top:48px;border-top:1px solid var(--color-border);padding-top:32px;}
.sidebar-widget-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}
.site-sidebar .searchform input[type="text"]{background:#fff;border:3px solid #F8F8F8;border-radius:var(--radius-pill);height:48px;padding-left:52px;}
.site-sidebar .searchform button{background:#000;border-color:#000;border-radius:var(--radius-pill);}

/* Archive by year - minimal pill style */
.year-archive{font-family:var(--font-mono); font-size:13px; line-height:1.6;}
.year-archive li{list-style:none; display:inline-block; margin:3px;}
.year-archive a{display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border:1px solid var(--color-border); border-radius:var(--radius-pill); background:#fff; color:var(--color-text-muted); font-size:12px; font-weight:500; transition:all 0.15s;}
.year-archive a:hover{border-color:#000; color:#000; background:#fff;}
.year-archive .count{color:var(--color-text-faint); font-weight:400;}
.year-archive br{display:none;}

.site-footer{margin-top:48px;padding:20px 0;border-top:1px solid var(--color-border-soft);text-align:left;font-size:11px;color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:0.02em;}
.site-footer a{color:var(--color-text-faint);text-decoration:underline;text-underline-offset:3px;}
.site-footer a:hover{color:var(--color-text-muted);}

.page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);font-weight:800;letter-spacing:-0.04em;line-height:0.95;margin-bottom:20px;}
.page-body{font-size:18px;line-height:1.72;color:#18181b; font-family:var(--font-serif);}
.error-404-wrap{text-align:left;padding:50px 0;}
.error-404-title{font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:-0.04em;}

@media(max-width:720px){
	.site-container{padding:0 18px 40px;}
	.pill-nav{padding:10px 18px 0;gap:8px;}
	.post-entry,.p2-card{padding:18px 0 22px;}
	.bottom-widgets,.sidebar-widget-list{grid-template-columns:1fr;}
}