/* * Inner Pages Styles - Mobile First * For:page.php,single.php,archive.php * Design system aligned with homepage *//*--------------------------------------------------------------# Common Page Styles--------------------------------------------------------------*/.site-main{background:var(--color-bg-cream);min-height:60vh;}.page-container,.single-container,.archive-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-48) var(--container-padding-mobile);}@media screen and (min-width:768px){.page-container,.single-container,.archive-container{padding:var(--spacing-64) var(--spacing-40);}}@media screen and (min-width:1024px){.page-container,.single-container,.archive-container{padding:var(--spacing-96) var(--container-padding-desktop);}}/*--------------------------------------------------------------# PAGE TEMPLATE (page.php)--------------------------------------------------------------*/.page-template .site-main{background:var(--color-bg-cream);}.page-article{max-width:800px;margin:0 auto;}.page-header{margin-bottom:var(--spacing-48);text-align:center;}.page-title,.entry-title{font-family:var(--font-primary);font-size:var(--font-size-h1-mobile);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1-mobile);color:var(--color-text-primary);margin:0 0 var(--spacing-24);}.page-featured-image{margin:0 0 var(--spacing-32);border-radius:var(--radius-large);overflow:hidden;}.page-featured-image img{width:100%;height:auto;display:block;}.page-content,.entry-content{font-family:var(--font-primary);font-size:var(--font-size-body-mobile);line-height:var(--line-height-body-mobile);color:var(--color-text-primary);}.page-content > *,.entry-content > *{margin-bottom:var(--spacing-24);}.page-content > *:last-child,.entry-content > *:last-child{margin-bottom:0;}.page-content h2,.entry-content h2{font-size:var(--font-size-h2-mobile);line-height:var(--line-height-h2-mobile);font-weight:var(--font-weight-bold);margin:var(--spacing-48) 0 var(--spacing-24);color:var(--color-text-primary);}.page-content h3,.entry-content h3{font-size:var(--font-size-h3-mobile);line-height:var(--line-height-h3-mobile);font-weight:var(--font-weight-semibold);margin:var(--spacing-32) 0 var(--spacing-16);color:var(--color-text-primary);}.page-content h4,.entry-content h4{font-size:var(--font-size-body-large-mobile);line-height:var(--line-height-body-large-mobile);font-weight:var(--font-weight-semibold);margin:var(--spacing-24) 0 var(--spacing-12);}.page-content a,.entry-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast);}.page-content a:hover,.entry-content a:hover{color:var(--color-primary-dark);}.page-content ul,.page-content ol,.entry-content ul,.entry-content ol{padding-left:var(--spacing-24);margin:var(--spacing-24) 0;}.page-content li,.entry-content li{margin-bottom:var(--spacing-8);}.page-content blockquote,.entry-content blockquote{margin:var(--spacing-32) 0;padding:var(--spacing-24);border-left:4px solid var(--color-primary);background:var(--color-bg-light-gray);font-style:italic;border-radius:var(--radius-small);}.page-content img,.entry-content img{max-width:100%;height:auto;border-radius:var(--radius-small);margin:var(--spacing-24) 0;}.page-content pre,.entry-content pre{background:var(--color-bg-dark-navy);color:var(--color-text-white);padding:var(--spacing-20);border-radius:var(--radius-small);overflow-x:auto;font-size:var(--font-size-body-small-mobile);margin:var(--spacing-24) 0;}.page-content code,.entry-content code{background:var(--color-bg-light-gray);color:var(--color-text-primary);padding:2px 6px;border-radius:3px;font-family:'Courier New',Courier,monospace;font-size:0.9em;}.page-content pre code,.entry-content pre code{background:transparent;padding:0;color:inherit;}.page-links{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin:var(--spacing-32) 0;padding:var(--spacing-20) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);}.page-links span,.page-links a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-12);background:var(--color-bg-light-gray);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:var(--font-size-body-small-mobile);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast);}.page-links a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary);}.page-links .current{background:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);}.edit-link{display:inline-block;margin-top:var(--spacing-24);padding:var(--spacing-8) var(--spacing-16);background:var(--color-bg-light-gray);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:var(--font-size-body-small-mobile);transition:all var(--transition-fast);}.edit-link:hover{background:var(--color-primary);border-color:var(--color-primary);}.edit-link a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);}@media screen and (min-width:768px){.page-title,.entry-title{font-size:48px;line-height:56px;}.page-content,.entry-content{font-size:17px;line-height:28px;}.page-content h2,.entry-content h2{font-size:36px;line-height:44px;}.page-content h3,.entry-content h3{font-size:24px;line-height:32px;}.page-header,.entry-header{margin-bottom:var(--spacing-64);}}@media screen and (min-width:1024px){.page-title,.entry-title{font-size:var(--font-size-h1-desktop);line-height:var(--line-height-h1-desktop);}.page-content,.entry-content{font-size:var(--font-size-body-desktop);line-height:var(--line-height-body-desktop);}.page-content h2,.entry-content h2{font-size:var(--font-size-h2-desktop);line-height:var(--line-height-h2-desktop);}.page-content h3,.entry-content h3{font-size:var(--font-size-h3-desktop);line-height:var(--line-height-h3-desktop);}}/*--------------------------------------------------------------# SINGLE POST TEMPLATE (single.php)--------------------------------------------------------------*/.single-post .site-main{background:var(--color-bg-cream);}.single-article{max-width:800px;margin:0 auto;}.entry-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-16);font-size:var(--font-size-body-small-mobile);line-height:var(--line-height-body-small-mobile);color:var(--color-text-gray);margin-bottom:var(--spacing-24);}.entry-meta a{color:var(--color-text-gray);text-decoration:none;transition:color var(--transition-fast);}.entry-meta a:hover{color:var(--color-primary);}.posted-on,.byline{display:inline-flex;align-items:center;gap:var(--spacing-8);}.posted-on::before{content:'\1F4C5';font-size:14px;}.byline::before{content:'\270F\FE0F';font-size:14px;}.post-thumbnail{margin:0 0 var(--spacing-32);border-radius:var(--radius-large);overflow:hidden;}.post-thumbnail img{width:100%;height:auto;display:block;}.entry-footer{margin-top:var(--spacing-48);padding-top:var(--spacing-24);border-top:1px solid var(--color-border);font-size:var(--font-size-body-small-mobile);}.cat-links,.tags-links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-12);}.cat-links a,.tags-links a{display:inline-flex;padding:4px var(--spacing-12);background:var(--color-bg-light-gray);border:1px solid var(--color-border);border-radius:var(--spec-chip-border-radius);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-caption-mobile);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);}.cat-links a:hover,.tags-links a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary);}.post-navigation{margin-top:var(--spacing-64);padding-top:var(--spacing-32);border-top:2px solid var(--color-border);}.nav-links{display:grid;grid-template-columns:1fr;gap:var(--spacing-24);}.nav-previous,.nav-next{display:flex;flex-direction:column;padding:var(--spacing-20);background:var(--color-bg-light-gray);border:1px solid var(--color-border);border-radius:var(--radius-small);text-decoration:none;transition:all var(--transition-fast);}.nav-previous:hover,.nav-next:hover{background:var(--color-bg-white);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-card);}.nav-subtitle{font-size:var(--font-size-caption-mobile);font-weight:var(--font-weight-medium);color:var(--color-text-gray);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-8);}.nav-title{font-size:var(--font-size-body-mobile);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.4;}@media screen and (min-width:768px){.nav-links{grid-template-columns:repeat(2,1fr);}.nav-next{text-align:right;}}/*--------------------------------------------------------------# ARCHIVE TEMPLATE (archive.php,blog listing)--------------------------------------------------------------*/.archive .site-main,.blog .site-main,.search .site-main{background:var(--color-bg-cream);}.archive-header{text-align:center;margin-bottom:var(--spacing-48);padding-bottom:var(--spacing-32);border-bottom:2px solid var(--color-border);}.archive-title{font-family:var(--font-primary);font-size:var(--font-size-h1-mobile);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1-mobile);color:var(--color-text-primary);margin:0 0 var(--spacing-16);}.archive-description{font-size:var(--font-size-body-mobile);line-height:var(--line-height-body-mobile);color:var(--color-text-gray);max-width:600px;margin:0 auto;}.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-32);margin-bottom:var(--spacing-48);}.post-card{display:flex;flex-direction:column;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-large);overflow:hidden;transition:all var(--transition-base);}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--color-primary);}.post-card-thumbnail{width:100%;height:200px;overflow:hidden;background:var(--color-bg-light-gray);}.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.post-card:hover .post-card-thumbnail img{transform:scale(1.05);}.post-card-content{padding:var(--spacing-24);flex:1;display:flex;flex-direction:column;}.post-card .entry-header{margin-bottom:var(--spacing-16);}.post-card .entry-title{font-size:var(--font-size-h3-mobile);line-height:var(--line-height-h3-mobile);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-12);}.post-card .entry-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast);}.post-card .entry-title a:hover{color:var(--color-primary);}.post-card .entry-meta{font-size:var(--font-size-caption-mobile);margin-bottom:0;}.post-card .entry-content{font-size:var(--font-size-body-small-mobile);line-height:var(--line-height-body-small-mobile);color:var(--color-text-gray);flex:1;}.post-card .entry-content p{margin:0;}.post-card .read-more{display:inline-flex;align-items:center;gap:var(--spacing-8);margin-top:var(--spacing-16);color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;font-size:var(--font-size-body-small-mobile);transition:gap var(--transition-fast);}.post-card .read-more:hover{gap:var(--spacing-12);}.post-card .read-more::after{content:'→';font-size:18px;}@media screen and (min-width:768px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-32);}.post-card-thumbnail{height:240px;}.archive-title{font-size:var(--font-size-h1-desktop);line-height:var(--line-height-h1-desktop);}}@media screen and (min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr);}.post-card .entry-title{font-size:var(--font-size-h3-desktop);line-height:var(--line-height-h3-desktop);}}.posts-navigation,.pagination{margin-top:var(--spacing-64);padding-top:var(--spacing-32);border-top:1px solid var(--color-border);}.nav-links{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-16);flex-wrap:wrap;}.nav-links a,.nav-links span{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-20);background:var(--color-bg-light-gray);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:var(--font-size-body-small-mobile);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast);}.nav-links a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary);}.nav-links .current{background:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);}/*--------------------------------------------------------------# NO CONTENT (content-none.php)--------------------------------------------------------------*/.no-results{text-align:center;padding:var(--spacing-64) var(--spacing-24);}.no-results .page-title{font-size:var(--font-size-h2-mobile);margin-bottom:var(--spacing-24);}.no-results .page-content{max-width:600px;margin:0 auto;color:var(--color-text-gray);}.search-form{max-width:400px;margin:var(--spacing-32) auto 0;display:flex;gap:var(--spacing-8);}.search-form input[type="search"]{flex:1;padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:var(--font-size-body-mobile);}.search-form button{padding:var(--spacing-12) var(--spacing-24);background:var(--color-primary);border:none;border-radius:var(--radius-small);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);cursor:pointer;}/*--------------------------------------------------------------# Comments--------------------------------------------------------------*/.comments-area{margin-top:var(--spacing-64);padding-top:var(--spacing-48);border-top:2px solid var(--color-border);}.comments-title{font-size:var(--font-size-h3-mobile);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-32);}.comment-list{list-style:none;padding:0;margin:0 0 var(--spacing-48);}.comment{margin-bottom:var(--spacing-32);padding:var(--spacing-24);background:var(--color-bg-light-gray);border-radius:var(--radius-small);}.comment-author{display:flex;align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-12);}.comment-author .avatar{border-radius:var(--radius-full);}.comment-metadata{font-size:var(--font-size-caption-mobile);color:var(--color-text-gray);margin-bottom:var(--spacing-12);}.comment-content{font-size:var(--font-size-body-small-mobile);line-height:var(--line-height-body-small-mobile);}.reply{margin-top:var(--spacing-12);}.comment-reply-link{font-size:var(--font-size-body-small-mobile);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);}/*--------------------------------------------------------------# Accessibility & Reduced Motion--------------------------------------------------------------*/@media (prefers-reduced-motion:reduce){.post-card,.post-card-thumbnail img,.nav-previous,.nav-next,*{transition:none !important;}}/*--------------------------------------------------------------# Print Styles--------------------------------------------------------------*/@media print{.post-navigation,.posts-navigation,.edit-link,.entry-meta,.entry-footer{display:none;}.page-article,.single-article{max-width:100%;}}