/*
Theme Name: LearnIT Corporate
Theme URI: https://example.com/
Author: LearnIT
Description: Clean, corporate-inspired WordPress theme for technology tutorials, learning resources and knowledge articles.
Version: 1.7.0
Requires at least: 6.0
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: learnit-corporate
Tags: blog, education, responsive, custom-logo, custom-menu, featured-images
*/

:root{
  --navy:#0d1b2a;
  --navy-2:#13283d;
  --blue:#1769e0;
  --blue-dark:#0d4fb5;
  --sky:#eaf3ff;
  --text:#172033;
  --muted:#64748b;
  --white:#fff;
  --bg:#f6f8fb;
  --border:#e2e8f0;
  --success:#0f9d72;
  --radius:10px;
  --shadow:0 8px 25px rgba(15,23,42,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:16px;line-height:1.7
}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-dark)}
img{max-width:100%;height:auto}
.container{width:min(1160px,92%);margin-inline:auto}
.site-main{min-height:60vh}
.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
}

/* Header */
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 15px rgba(0,0,0,.08)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}
.site-branding{display:flex;align-items:center;gap:11px;min-width:220px}
.custom-logo{max-height:44px;width:auto}
.site-title{font-size:24px;line-height:1.15;margin:0;font-weight:800}
.site-title a{color:#fff}
.site-description{font-size:11px;color:#b8c7d9;margin:3px 0 0}
.main-navigation{margin-left:auto}
.main-navigation ul{list-style:none;margin:0;padding:0}
.main-navigation .menu{display:flex;align-items:center;gap:2px}
.main-navigation li{position:relative}
.main-navigation a{display:block;color:#fff;padding:10px 13px;border-radius:6px;white-space:nowrap}
.main-navigation a:hover,
.main-navigation .current-menu-item>a,
.main-navigation .current-menu-parent>a,
.main-navigation .current-menu-ancestor>a{background:var(--navy-2);color:#fff}
.main-navigation .menu-item-has-children>a:after{content:"▾";font-size:10px;margin-left:7px;color:#bcd6ff}
.main-navigation .sub-menu{
  position:absolute;left:0;top:100%;min-width:225px;padding:7px;margin:0;
  background:#fff;border:1px solid var(--border);border-radius:8px;
  box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(5px);
  transition:.15s;z-index:1001
}
.main-navigation li:hover>.sub-menu,.main-navigation li:focus-within>.sub-menu{
  visibility:visible;opacity:1;transform:none
}
.main-navigation .sub-menu a{color:var(--text);padding:9px 12px}
.main-navigation .sub-menu a:hover{background:var(--sky);color:var(--blue)}
.main-navigation .sub-menu .sub-menu{left:100%;top:-7px}
.menu-toggle{display:none;background:transparent;border:1px solid #38516c;border-radius:6px;padding:7px;cursor:pointer}
.menu-toggle span:not(.screen-reader-text){display:block;width:22px;height:2px;background:#fff;margin:4px}

/* Hero */
.hero{
  background:linear-gradient(115deg,var(--navy) 0%,#153a5b 100%);
  color:#fff;padding:72px 0 68px;position:relative;overflow:hidden
}
.hero:after{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;
  right:-150px;top:-180px;background:rgba(23,105,224,.24)
}
.hero-content{position:relative;z-index:1;max-width:850px}
.hero-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#a9d0ff;font-weight:800}
.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-1px;margin:12px 0 15px}
.hero h1 span{color:#8dc2ff}
.hero p{font-size:18px;color:#d8e5f3;max-width:720px;margin:0}
.hero .search-form{max-width:680px;margin-top:27px}

/* Search */
.search-form{display:flex}
.search-form label{flex:1}
.search-field{
  width:100%;height:50px;padding:0 15px;border:1px solid #cbd5e1;
  border-radius:7px 0 0 7px;background:#fff;color:var(--text);outline:none
}
.search-field:focus{border-color:#80aef2;box-shadow:0 0 0 3px rgba(23,105,224,.12)}
.search-submit{
  height:50px;padding:0 21px;border:0;background:var(--blue);color:#fff;
  font-weight:700;border-radius:0 7px 7px 0;cursor:pointer
}
.search-submit:hover{background:var(--blue-dark)}

/* Sections */
.section{padding:48px 0}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-header h2{font-size:30px;line-height:1.2;margin:0}
.section-header p{margin:4px 0 0;color:var(--muted)}
.section-link{font-weight:700;white-space:nowrap}

/* Topic cards */
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.topic-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:22px;box-shadow:0 2px 7px rgba(15,23,42,.03);transition:.18s
}
.topic-card:hover{transform:translateY(-3px);border-color:#a9c8f5;box-shadow:var(--shadow)}
.topic-icon{
  width:42px;height:42px;border-radius:9px;background:var(--sky);color:var(--blue);
  display:grid;place-items:center;font-weight:800;margin-bottom:12px
}
.topic-card h3{margin:0 0 5px;font-size:18px}
.topic-card p{margin:0;color:var(--muted);font-size:13px}

/* Tutorial cards */
.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tutorial-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;box-shadow:0 2px 7px rgba(15,23,42,.03);transition:.18s
}
.tutorial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tutorial-thumb{aspect-ratio:16/8;background:#dbeafe;display:flex;align-items:center;justify-content:center;color:#2563eb;font-weight:800;font-size:28px}
.tutorial-thumb img{width:100%;height:100%;object-fit:cover}
.tutorial-body{padding:19px}
.category-label{
  display:inline-block;background:var(--sky);color:var(--blue);
  border-radius:20px;padding:3px 9px;font-size:11px;font-weight:800
}
.tutorial-card h3{font-size:20px;line-height:1.35;margin:9px 0 7px}
.tutorial-card h3 a{color:var(--text)}
.tutorial-card h3 a:hover{color:var(--blue)}
.post-meta{font-size:12px;color:var(--muted)}

/* Learning paths */
.paths{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.path{
  padding:23px;border:1px solid var(--border);border-radius:var(--radius);
  background:#fff
}
.path strong{display:block;font-size:18px;margin-bottom:5px}
.path p{margin:0 0 10px;color:var(--muted);font-size:14px}
.path a{font-weight:700}

/* Content */
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;margin:42px auto}
.post-card,.single-content,.sidebar{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius)
}
.post-card{padding:24px;margin-bottom:18px}
.post-card h2{font-size:24px;line-height:1.3;margin:8px 0}
.post-card h2 a{color:var(--text)}
.post-card h2 a:hover{color:var(--blue)}
.sidebar{padding:21px;height:max-content}
.sidebar h2,.sidebar h3{font-size:18px;margin:0 0 12px}
.sidebar ul{padding-left:19px;margin-top:0}
.sidebar li{margin-bottom:5px}

/* Single tutorial */
.single-content{padding:30px}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:17px}
.single-content h1{font-size:clamp(34px,5vw,52px);line-height:1.12;letter-spacing:-.7px;margin:0 0 8px}
.single-content h2{font-size:28px;margin-top:38px}
.single-content h3{font-size:21px;margin-top:28px}
.single-content img{border-radius:7px}
.single-content pre{
  background:#102a43;color:#e2e8f0;padding:18px;border-radius:7px;
  overflow:auto;border-left:4px solid var(--blue)
}
.single-content code{font-family:Consolas,Monaco,monospace}
.single-content :not(pre)>code{background:#f1f5f9;padding:2px 5px;border-radius:4px}
.toc{background:#f4f9ff;border:1px solid #cfe3fb;border-left:4px solid var(--blue);padding:16px;margin:25px 0}
.content-intro-travel{border-left-color:#0f9d72}
.content-intro-resource{border-left-color:#7c3aed}
.content-intro-quote{border-left-color:#d97706;background:#fffaf0;border-color:#f4dfb4}
.category-label-quote{background:#fff3d6;color:#9a5b00}
.category-label-travel{background:#eafaf4;color:#087a58}
.category-label-resource{background:#f3eaff;color:#6d28a9}
.category-label-article{background:#edf5ff;color:#475569}

.post-navigation{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:20px;margin-top:32px}

/* Archives */
.archive-header{background:#fff;border-bottom:1px solid var(--border);padding:40px 0}
.archive-header h1{margin:0;font-size:40px}
.archive-header p{color:var(--muted);margin:5px 0 0}
.pagination{margin:25px 0}

/* Footer */
.site-footer{background:var(--navy);color:#cbd5e1;margin-top:50px;padding:42px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.footer-title{color:#fff;font-size:20px;font-weight:800}
.site-footer h3{color:#fff;font-size:15px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:6px}
.site-footer a{color:#cbd5e1}
.site-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid #2a3c50;margin-top:30px;padding-top:18px;text-align:center;font-size:13px}

/* Mobile */
@media(max-width:900px){
  .header-inner{flex-wrap:wrap;padding:10px 0}.site-branding{flex:1;min-width:0}
  .menu-toggle{display:block}.main-navigation{display:none;width:100%;flex-basis:100%;margin:0}
  .main-navigation.is-open{display:block}.main-navigation .menu{display:block}
  .main-navigation .menu>li{border-top:1px solid #1d3146}
  .main-navigation .sub-menu,.main-navigation .sub-menu .sub-menu{
    position:static;display:none;visibility:visible;opacity:1;transform:none;
    box-shadow:none;border:0;padding-left:16px;background:#10243a
  }
  .main-navigation .menu-item-has-children.submenu-open>.sub-menu{display:block}
  .main-navigation .sub-menu a{color:#e6eef7}
  .topic-grid{grid-template-columns:repeat(2,1fr)}
  .tutorial-grid{grid-template-columns:repeat(2,1fr)}
  .content-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .hero{padding:55px 0}.hero h1{font-size:38px}.search-form{display:block}
  .search-field,.search-submit{width:100%;border-radius:7px}
  .search-submit{margin-top:7px}.topic-grid,.tutorial-grid,.path-grid{grid-template-columns:1fr}
  .section{padding:35px 0}.section-header{display:block}.section-link{display:inline-block;margin-top:8px}
  .single-content{padding:20px}.footer-grid{grid-template-columns:1fr}
  .post-navigation{display:block}.post-navigation div+div{margin-top:10px}
}

/* Content-type callouts */
.content-intro {
    margin: 24px 0 30px;
    padding: 18px 20px;
    border-left: 4px solid #2563eb;
    background: #f7faff;
    border-radius: 0 4px 4px 0;
    line-height: 1.6;
}
.content-intro strong {
    display: inline-block;
    margin-bottom: 3px;
}
.content-intro-travel {
    border-left-color: #0ea5a8;
    background: #f4fbfb;
}
.content-intro-resource {
    border-left-color: #7c3aed;
    background: #faf7ff;
}
.category-label-travel { color: #0f766e; }
.category-label-resource { color: #6d28d9; }

/* v1.2.0: use content type instead of WordPress Uncategorized */
.category-label-tutorial { color: #2563eb; }

/* LearnIT content-type labels and archive actions */
.category-label-article{background:#edf5ff;color:#475569}
.category-label-tutorial{background:#eaf4ff;color:#1558b0}
.category-label-quote{background:#fff3d6;color:#9a5b00}
.category-label-travel{background:#eafaf4;color:#087a58}
.category-label-resource{background:#f3eaff;color:#6d28a9}
.post-action{font-weight:600;text-decoration:none}
.post-card-quote .post-action{color:#9a5b00}
.post-card-travel .post-action{color:#087a58}
.post-card-resource .post-action{color:#6d28a9}
.post-card-article .post-action{color:#1558b0}


/* =========================================================
   LearnIT v1.5 — Light Blue Visual Refresh
   ========================================================= */
:root{
  --blue:#2563eb;
  --blue-dark:#102a43;
  --blue-soft:#eaf4ff;
  --sky:#f4f9ff;
  --border:#d8e7f7;
  --text:#102a43;
  --muted:#5b7088;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(37,99,235,.08);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 8% 18%, rgba(59,130,246,.08) 0 2px, transparent 3px) 0 0/28px 28px,
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
  color:var(--text);
}

.site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #cfe3fb!important;
  box-shadow:0 4px 18px rgba(16,42,67,.06);
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(12px);
}

.site-header a,
.site-title,
.site-description,
.main-navigation a{
  color:var(--blue-dark)!important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item>a{
  color:var(--blue)!important;
}

.site-title{font-weight:800}
.site-description{color:#58708a!important}

.main-navigation ul ul{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  box-shadow:0 14px 30px rgba(16,42,67,.12)!important;
  padding:8px!important;
}
.main-navigation ul ul a{
  color:var(--text)!important;
  border-radius:8px;
}
.main-navigation ul ul a:hover{
  background:var(--blue-soft)!important;
  color:var(--blue)!important;
}

a{color:var(--blue)}
a:hover{color:#174fc7}

.content-area,
.site-main,
article,
.post-card,
.tutorial-card,
.widget{
  border-color:var(--border);
}

article,
.post-card,
.tutorial-card,
.widget{
  background:rgba(255,255,255,.97);
  box-shadow:var(--shadow);
}

article{
  border-radius:18px;
}

.post-card,
.tutorial-card{
  border-radius:16px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.post-card:hover,
.tutorial-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(37,99,235,.13);
  border-color:#b8d4f5;
}

.category-label{
  border-radius:999px!important;
  font-weight:700;
  letter-spacing:.01em;
}

.category-label-article{background:#edf5ff!important;color:#24527f!important}
.category-label-tutorial{background:#e6f0ff!important;color:#1d4ed8!important}
.category-label-quote{background:#fff7df!important;color:#a16207!important}
.category-label-travel{background:#e8f8f4!important;color:#087a58!important}
.category-label-resource{background:#f1ebff!important;color:#6d28a9!important}

.toc,
.content-intro{
  background:linear-gradient(135deg,#f7fbff,#edf6ff)!important;
  border-color:#cfe3fb!important;
  border-left-color:var(--blue)!important;
  border-radius:12px;
}

blockquote{
  background:#f4f9ff;
  border-left:4px solid #60a5fa;
  border-radius:0 10px 10px 0;
  padding:18px 22px;
}

button,
input[type=submit],
.wp-block-button__link{
  background:var(--blue)!important;
  color:#fff!important;
  border-radius:10px!important;
  border:0!important;
  box-shadow:0 7px 18px rgba(37,99,235,.18);
}
button:hover,
input[type=submit]:hover,
.wp-block-button__link:hover{
  background:#1d4ed8!important;
}

.post-navigation{
  border-top:1px solid var(--border);
  margin-top:36px;
  padding-top:24px;
}

.post-meta{
  color:var(--muted)!important;
}

pre,
code{
  border-radius:10px;
}
pre{
  background:#0f2742!important;
  color:#eaf4ff!important;
  box-shadow:0 8px 24px rgba(16,42,67,.12);
}
code{
  background:#edf5ff!important;
  color:#174a7e!important;
}

table{
  border-color:var(--border)!important;
}
th{
  background:#edf5ff!important;
  color:var(--text);
}

hr{
  border-color:#d8e7f7!important;
}

.site-footer{
  background:#102a43!important;
  color:#dcecff!important;
}
.site-footer a{color:#b9d8ff!important}

@media (max-width:768px){
  .site-header{position:relative}
  .site-title{font-size:1.65rem}
  article,.post-card,.tutorial-card{border-radius:14px}
}


/* =========================================================
   LearnIT v1.6 — Warm Orange Edition
   ========================================================= */
:root{
  --blue:#f97316;
  --blue-dark:#172033;
  --blue-soft:#fff2e8;
  --sky:#fffaf6;
  --border:#f3d8c2;
  --text:#172033;
  --muted:#64748b;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(249,115,22,.09);
}

body{
  background:
    radial-gradient(circle at 8% 18%, rgba(249,115,22,.07) 0 2px, transparent 3px) 0 0/28px 28px,
    linear-gradient(180deg,#fffdfb 0%,#fff7f0 100%);
  color:var(--text);
}

.site-header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #f1d4bd!important;
  box-shadow:0 4px 18px rgba(23,32,51,.06);
}

.site-header a,
.site-title,
.site-description,
.main-navigation a{
  color:var(--blue-dark)!important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item>a{
  color:#ea580c!important;
}

.main-navigation ul ul{
  background:#fff!important;
  border:1px solid #f3d8c2!important;
  border-radius:12px!important;
  box-shadow:0 14px 30px rgba(23,32,51,.12)!important;
}

.main-navigation ul ul a:hover{
  background:#fff2e8!important;
  color:#ea580c!important;
}

a{color:#ea580c}
a:hover{color:#c2410c}

article,
.post-card,
.tutorial-card,
.widget{
  background:rgba(255,255,255,.98);
  border-color:#f0d8c5;
  box-shadow:var(--shadow);
}

.post-card:hover,
.tutorial-card:hover{
  box-shadow:0 16px 34px rgba(249,115,22,.14);
  border-color:#f1b98f;
}

.category-label-article{
  background:#f3f4f6!important;
  color:#475569!important;
}
.category-label-tutorial{
  background:#fff0e6!important;
  color:#c2410c!important;
}
.category-label-quote{
  background:#fff7df!important;
  color:#a16207!important;
}
.category-label-travel{
  background:#eaf8f3!important;
  color:#087a58!important;
}
.category-label-resource{
  background:#f3ebff!important;
  color:#6d28a9!important;
}

.toc,
.content-intro{
  background:linear-gradient(135deg,#fffdfb,#fff3e8)!important;
  border-color:#f2d3bd!important;
  border-left-color:#f97316!important;
}

.content-intro-travel{border-left-color:#0f9d72!important}
.content-intro-resource{border-left-color:#7c3aed!important}
.content-intro-quote{
  border-left-color:#f59e0b!important;
  background:#fffaf0!important;
  border-color:#f2dfb4!important;
}

blockquote{
  background:#fff8f2;
  border-left-color:#fb923c;
}

button,
input[type=submit],
.wp-block-button__link{
  background:#f97316!important;
  box-shadow:0 7px 18px rgba(249,115,22,.20);
}
button:hover,
input[type=submit]:hover,
.wp-block-button__link:hover{
  background:#ea580c!important;
}

.post-navigation{
  border-top-color:#f0d8c5;
}

.post-meta{
  color:#64748b!important;
}

pre{
  background:#172033!important;
  color:#fff7ed!important;
}

code{
  background:#fff0e6!important;
  color:#9a3412!important;
}

table{
  border-color:#f0d8c5!important;
}
th{
  background:#fff1e7!important;
}

hr{
  border-color:#f0d8c5!important;
}

.site-footer{
  background:#172033!important;
  color:#fff1e7!important;
}
.site-footer a{color:#fed7aa!important}

/* Orange archive action links */
.post-card-article .post-action{color:#ea580c}
.post-card-tutorial .post-action{color:#c2410c}
.post-card-quote .post-action{color:#a16207}
.post-card-travel .post-action{color:#087a58}
.post-card-resource .post-action{color:#6d28a9}


/* =========================================================
   LearnIT v1.7 — Refined Navigation
   ========================================================= */

/* Remove the heavy filled block from the active Tutorials menu item */
.main-navigation > ul > li > a,
.main-navigation > div > ul > li > a{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:8px!important;
  padding:10px 14px!important;
  color:#172033!important;
  transition:background .18s ease,color .18s ease;
}

.main-navigation > ul > li:hover > a,
.main-navigation > div > ul > li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current-menu-parent > a{
  background:#fff2e8!important;
  color:#ea580c!important;
}

/* Small dropdown indicator */
.main-navigation .menu-item-has-children > a::after{
  content:"▾";
  font-size:10px;
  margin-left:7px;
  color:#f97316;
  vertical-align:2px;
}

/* Dropdown menu */
.main-navigation ul ul{
  min-width:210px!important;
  margin-top:8px!important;
  padding:8px!important;
  background:#ffffff!important;
  border:1px solid #f1d4bd!important;
  border-radius:12px!important;
  box-shadow:0 16px 34px rgba(23,32,51,.12)!important;
}

.main-navigation ul ul li{
  width:100%!important;
}

.main-navigation ul ul a{
  display:block!important;
  padding:9px 12px!important;
  border-radius:8px!important;
  color:#172033!important;
  background:transparent!important;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul .current-menu-item > a{
  background:#fff2e8!important;
  color:#ea580c!important;
}

/* Header spacing and cleaner visual hierarchy */
.site-header{
  min-height:72px;
}

.site-branding{
  padding-top:10px;
  padding-bottom:10px;
}

.site-title{
  letter-spacing:-.025em;
}

.site-description{
  margin-top:2px;
  font-size:.82rem;
}

/* Category archive heading */
.archive-header,
.page-header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.archive-title,
.page-title{
  color:#172033!important;
  letter-spacing:-.025em;
}

.archive-description,
.taxonomy-description{
  color:#58708a!important;
  max-width:1100px;
  line-height:1.65;
}

/* Mobile navigation */
@media (max-width:768px){
  .main-navigation > ul > li > a,
  .main-navigation > div > ul > li > a{
    padding:9px 12px!important;
  }
}


/* =========================================================
   LearnIT v1.8 — Separated, descriptive sidebar
   ========================================================= */
.learnit-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.sidebar-section{
  background:rgba(255,255,255,.98);
  border:1px solid #f0d8c5;
  border-radius:16px;
  padding:22px;
  box-shadow:0 8px 24px rgba(23,32,51,.055);
}

.sidebar-section h2{
  margin:5px 0 10px;
  color:#172033;
  font-size:1.22rem;
  line-height:1.3;
}

.sidebar-section p{
  color:#5f7186;
  font-size:.94rem;
  line-height:1.65;
  margin:0 0 12px;
}

.sidebar-kicker{
  display:inline-block;
  color:#ea580c;
  font-size:.70rem;
  font-weight:800;
  letter-spacing:.09em;
}

.sidebar-link{
  display:inline-block;
  font-weight:700;
  color:#ea580c;
  text-decoration:none;
  margin-top:2px;
}

.sidebar-link:hover{
  color:#c2410c;
}

.sidebar-intro{
  margin-bottom:15px!important;
  font-size:.88rem!important;
}

.learnit-recent-list,
.sidebar-topic-list{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

.recent-item{
  padding:12px 0;
  border-bottom:1px solid #f4e4d7;
}

.recent-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.recent-item a{
  display:block;
  color:#ea580c;
  font-weight:600;
  line-height:1.5;
  text-decoration:none;
}

.recent-item a:hover{
  color:#c2410c;
}

.recent-type{
  display:block;
  margin-bottom:3px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#7b8794;
}

.recent-item time{
  display:block;
  margin-top:4px;
  color:#8a98a8;
  font-size:.72rem;
}

.recent-tutorial .recent-type{color:#c2410c}
.recent-quote .recent-type{color:#a16207}
.recent-travel .recent-type{color:#087a58}
.recent-resource .recent-type{color:#6d28a9}

.sidebar-topic-list li{
  border-bottom:1px solid #f4e4d7;
  padding:8px 0;
}

.sidebar-topic-list li:last-child{
  border-bottom:0;
}

.sidebar-topic-list a{
  color:#334e68;
  text-decoration:none;
  font-weight:600;
}

.sidebar-topic-list a:hover{
  color:#ea580c;
}

@media(max-width:768px){
  .sidebar-section{
    padding:18px;
  }
}


/* =========================================================
   LearnIT v1.9 — Homepage content hierarchy
   ========================================================= */
.front-page .section-header h2,
.home .archive-header h1{
  letter-spacing:-.025em;
}

.hero{
  background:
    radial-gradient(circle at 85% 25%,rgba(249,115,22,.12),transparent 28%),
    linear-gradient(135deg,#fffaf6,#fff 62%);
}

.section-header p{
  color:#5f7186;
}

.topic-card,
.path{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.topic-card:hover,
.path:hover{
  transform:translateY(-3px);
  border-color:#f1b98f;
  box-shadow:0 14px 30px rgba(249,115,22,.10);
}

.section-link{
  color:#ea580c!important;
  font-weight:700;
}