:root{--lit-navy:#03192b;--lit-blue:#07344f;--lit-blue2:#0b4c6d;--lit-gold:#ffd700;--lit-card:rgba(255,255,255,.08);--lit-border:rgba(255,255,255,.15);}
.lit-hero{padding:60px 0 50px;background:linear-gradient(135deg,#03192b 0%,#07344f 48%,#0b4c6d 100%);position:relative;overflow:hidden;}
.lit-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.12),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06),transparent 40%);pointer-events:none;}
.lit-hero h1{font-size:clamp(2rem,6vw,3.2rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:8px;}
.lit-hero h1 i{color:var(--lit-gold);}
.lit-hero p{font-size:1.05rem;color:rgba(255,255,255,.78);max-width:720px;line-height:1.7;}
.lit-attribution{margin-top:20px;padding:16px 20px;border-radius:16px;background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.2);font-size:.9rem;color:rgba(255,255,255,.82);line-height:1.6;}
.lit-attribution strong{color:var(--lit-gold);}
.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:40px 0;}
.chapter-card{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid var(--lit-border);border-radius:24px;padding:24px;transition:transform .25s,box-shadow .25s;cursor:pointer;}
.chapter-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.25);}
.chapter-card .icon{font-size:2.2rem;color:var(--lit-gold);margin-bottom:12px;}
.chapter-card h3{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:8px;}
.chapter-card p{font-size:.88rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0;}
.lit-section{padding:50px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.lit-section:last-child{border-bottom:none;}
.lit-section h2{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:#fff;margin-bottom:6px;}
.lit-section h2 i{color:var(--lit-gold);margin-right:10px;}
.lit-section .lead{font-size:1rem;color:rgba(255,255,255,.72);max-width:700px;line-height:1.6;margin-bottom:24px;}
.root-table{width:100%;border-collapse:separate;border-spacing:0 8px;}
.root-table th{text-align:left;padding:12px 16px;font-weight:700;color:var(--lit-gold);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,215,0,.2);}
.root-table td{padding:14px 16px;background:rgba(255,255,255,.05);border-radius:12px;vertical-align:top;}
.root-table .root-word{font-weight:800;color:#fff;font-size:1.05rem;}
.root-table .root-meaning{color:rgba(255,255,255,.7);font-size:.9rem;}
.root-table .suffix-result{color:var(--lit-gold);font-weight:700;font-size:.95rem;}
.root-table .suffix-meaning{color:rgba(255,255,255,.7);font-size:.85rem;display:block;}
.poetry-card{background:linear-gradient(145deg,rgba(255,215,0,.06),rgba(255,255,255,.03));border:1px solid rgba(255,215,0,.15);border-radius:20px;padding:20px;margin-bottom:16px;}
.poetry-card h4{font-size:1.15rem;font-weight:800;color:var(--lit-gold);margin-bottom:4px;}
.poetry-card .syllable{font-size:.8rem;color:rgba(255,255,255,.55);margin-bottom:10px;}
.poetry-card .poem-line{font-style:italic;color:#fff;line-height:1.7;font-size:.95rem;}
.author-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--lit-border);border-radius:20px;padding:20px;margin-bottom:16px;}
.author-card h4{font-size:1.2rem;font-weight:800;color:#fff;}
.author-card .sub{color:rgba(255,255,255,.6);font-size:.85rem;margin-bottom:8px;}
.author-card p{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.6;}
.song-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--lit-border);border-radius:20px;padding:20px;margin-bottom:16px;}
.song-card h4{font-size:1.1rem;font-weight:800;color:#fff;}
.song-card .sub{color:rgba(255,215,0,.8);font-size:.85rem;margin-bottom:6px;}
.song-card p{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.5;}
.egypt-card{background:linear-gradient(145deg,rgba(180,140,60,.08),rgba(255,255,255,.03));border:1px solid rgba(180,140,60,.2);border-radius:20px;padding:20px;margin-bottom:16px;}
.egypt-card h4{font-size:1.1rem;font-weight:800;color:#ffd700;}
.egypt-card .egypt-hiero{font-size:1.5rem;font-weight:700;color:#ffd700;}
.egypt-card .afar-equiv{color:#fff;font-weight:600;font-size:1.1rem;}
.egypt-card p{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.5;}
.egypt-note{padding:16px 20px;border-radius:16px;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.2);font-size:.9rem;color:rgba(255,255,255,.82);line-height:1.6;margin-bottom:24px;}
.astronomy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
.astro-item{background:rgba(255,255,255,.05);border-radius:16px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.08);}
.astro-item .afar-name{font-weight:800;color:#fff;font-size:1.1rem;}
.astro-item .english-name{color:rgba(255,255,255,.6);font-size:.85rem;display:block;margin-top:4px;}
.bib-list{padding:0;margin:0;list-style:none;}
.bib-list li{padding:12px 16px;margin-bottom:8px;background:rgba(255,255,255,.05);border-radius:12px;font-size:.9rem;color:rgba(255,255,255,.78);line-height:1.5;border-left:3px solid var(--lit-gold);}
.search-section{background:rgba(255,215,0,.04);border-radius:24px;padding:30px;margin:30px 0;border:1px solid rgba(255,215,0,.1);}
.search-section input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:14px 18px;border-radius:14px;width:100%;font-size:1rem;}
.search-section input:focus{outline:none;border-color:var(--lit-gold);box-shadow:0 0 0 3px rgba(255,215,0,.2);}
.search-section input::placeholder{color:rgba(255,255,255,.4);}
.lit-results{display:grid;gap:12px;margin-top:16px;}
.lit-result-item{padding:14px 18px;background:rgba(255,255,255,.05);border-radius:14px;cursor:pointer;border:1px solid transparent;transition:all .2s;}
.lit-result-item:hover{border-color:var(--lit-gold);background:rgba(255,255,255,.08);}
.lit-result-item h5{font-size:1rem;font-weight:700;color:#fff;margin:0 0 4px;}
.lit-result-item p{font-size:.85rem;color:rgba(255,255,255,.65);margin:0;}
.suffix-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.suffix-tab{padding:10px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;font-weight:700;cursor:pointer;transition:all .2s;font-size:.9rem;}
.suffix-tab.active,.suffix-tab:hover{background:var(--lit-gold);color:var(--lit-navy);border-color:var(--lit-gold);}
.suffix-content{display:none;}
.suffix-content.active{display:block;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table-wrap::-webkit-scrollbar{height:5px;}
.table-wrap::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3);border-radius:999px;}
@media(max-width:768px){
  .chapter-grid{grid-template-columns:1fr;}
  .astronomy-grid{grid-template-columns:repeat(2,1fr);}
  .lit-hero{padding:36px 0 30px;}
  .root-table th,.root-table td{white-space:nowrap;padding:10px 12px;font-size:.85rem;}
  .root-table .root-word{font-size:.95rem;}
  .root-table .root-meaning{font-size:.8rem;}
  .root-table .suffix-result{font-size:.85rem;}
  .root-table .suffix-meaning{font-size:.75rem;}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px;}
  .table-wrap::-webkit-scrollbar{height:5px;}
  .table-wrap::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3);border-radius:999px;}
}