.quran-names-page{--qn-paper:#efe4cc;--qn-paper-deep:#e2d3b4;--qn-ink:#211b16;--qn-green:#1f5c4b;--qn-rust:#c6583d;--qn-gold:#d0a13d;--qn-line:#b8a98d;background:var(--qn-paper);color:var(--qn-ink);min-height:100vh}.qname-hero{background:var(--qn-ink);color:#f6eddc;border-bottom:7px solid var(--qn-gold);grid-template-columns:minmax(0,1.55fr) minmax(290px,.55fr);min-height:680px;display:grid}.qname-hero>div{padding:clamp(60px,8vw,130px) clamp(25px,6vw,100px)}.qname-hero a{color:#b8ae9d;letter-spacing:.12em;margin-bottom:65px;font:700 10px Arial,sans-serif;display:block}.qname-hero>div>span,.qname-method small,.qname-words small,.qname-guidance small,.qname-source-note>span{letter-spacing:.17em;color:var(--qn-rust);font:700 10px Arial,sans-serif}.qname-hero h1{letter-spacing:-.065em;max-width:1050px;margin:26px 0 38px;font:400 clamp(61px,8.2vw,140px)/.84 Georgia,serif}.qname-hero h1 em{color:#dbb34f;font-weight:400}.qname-hero p{color:#cfc4b1;max-width:810px;font:21px/1.55 Georgia,serif}.qname-hero aside{border-left:1px solid #554a3e;grid-template-columns:auto 1fr;align-content:center;gap:12px 18px;margin:70px 0;padding:55px 40px;display:grid}.qname-hero aside b{color:#dbb34f;font:400 50px Georgia,serif}.qname-hero aside span{color:#d7ccba;align-self:center;font:15px/1.35 Georgia,serif}.qname-method,.qname-words,.qname-guidance,.qname-source-note{border-bottom:1px solid var(--qn-line);padding:clamp(70px,8vw,125px) clamp(24px,6vw,100px)}.qname-method>header,.qname-words>header,.qname-guidance>header{max-width:930px}.qname-method h2,.qname-words h2,.qname-guidance h2{letter-spacing:-.05em;margin:24px 0 45px;font:400 clamp(45px,6vw,91px)/.94 Georgia,serif}.qname-method h2 em,.qname-words h2 em,.qname-guidance h2 em{color:var(--qn-rust);font-weight:400}.qname-method>div{border:1px solid var(--qn-line);grid-template-columns:repeat(4,1fr);display:grid}.qname-method article{border-right:1px solid var(--qn-line);min-height:245px;padding:32px}.qname-method article:last-child{border:0}.qname-method article>b{letter-spacing:.15em;color:var(--qn-green);font:700 10px Arial,sans-serif}.qname-method h3{margin:34px 0 15px;font:400 28px Georgia,serif}.qname-method p,.qname-words header p{color:#6c6253;font:17px/1.55 Georgia,serif}.qname-controls{z-index:4;background:var(--qn-green);color:#fff;border-bottom:1px solid #80978d;grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr) auto;align-items:end;gap:20px;padding:25px clamp(24px,4vw,65px);display:grid;position:sticky;top:0}.qname-controls label small{letter-spacing:.15em;color:#dfbd62;margin-bottom:9px;font:700 9px Arial,sans-serif;display:block}.qname-controls input{box-sizing:border-box;width:100%;color:var(--qn-ink);background:#f6eddc;border:1px solid #789084;outline:none;padding:15px 17px;font:17px Georgia,serif}.qname-controls input:focus{border-color:var(--qn-gold);box-shadow:0 0 0 2px var(--qn-gold)}.qname-controls>div{flex-wrap:wrap;gap:6px;display:flex}.qname-controls button{color:#ece2cf;cursor:pointer;background:0 0;border:1px solid #718a7e;padding:12px 13px;font:700 10px Arial,sans-serif}.qname-controls button:hover,.qname-controls button.active{background:var(--qn-gold);border-color:var(--qn-gold);color:var(--qn-ink)}.qname-controls>b{white-space:nowrap;color:#e7d6b5;padding:14px 0;font:400 16px Georgia,serif}.qname-results{border-bottom:1px solid var(--qn-line);grid-template-columns:repeat(3,1fr);display:grid}.qname-results>a{min-height:330px;color:inherit;border-right:1px solid var(--qn-line);border-bottom:1px solid var(--qn-line);flex-direction:column;padding:30px;display:flex}.qname-results>a:nth-child(3n){border-right:0}.qname-results>a:hover{background:var(--qn-paper-deep)}.qname-results header,.qname-results footer,.qname-results>a>div{justify-content:space-between;gap:15px;display:flex}.qname-results header small{letter-spacing:.14em;color:var(--qn-rust);font:700 9px Arial,sans-serif}.qname-status{letter-spacing:.08em;font:700 8px Arial,sans-serif}.qname-status.uygun{color:var(--qn-green)}.qname-status.incele{color:#946b15}.qname-status.uygun-degil{color:var(--qn-rust)}.qname-results h2{margin:35px 0 18px;font:400 42px Georgia,serif}.qname-results>a>div>b{color:#647968;margin-top:32px;font:400 36px/1.2 serif}.qname-results p{color:#62594c;font:17px/1.55 Georgia,serif}.qname-results footer{border-top:1px solid var(--qn-line);color:var(--qn-rust);margin-top:auto;padding-top:25px;font:700 10px Arial,sans-serif}.qname-results footer strong{color:var(--qn-green)}.qname-empty{text-align:center;grid-column:1/-1;padding:70px}.qname-words{background:var(--qn-paper-deep)}.qname-words>div{border-top:1px solid var(--qn-line);border-left:1px solid var(--qn-line);grid-template-columns:repeat(3,1fr);margin-top:50px;display:grid}.qname-words>div>a{min-height:265px;color:inherit;border-right:1px solid var(--qn-line);border-bottom:1px solid var(--qn-line);padding:28px;position:relative}.qname-words>div>a:hover{background:#eadfc8}.qname-words a>b{float:right;color:#667d70;font:400 32px serif}.qname-words h3{margin:45px 0 12px;font:400 30px Georgia,serif}.qname-words a p{color:#665d50;font:16px/1.55 Georgia,serif}.qname-words a span{color:var(--qn-green);font:700 10px Arial,sans-serif;position:absolute;bottom:25px}.qname-guidance ol{border-top:1px solid var(--qn-line);margin:40px 0 0;padding:0;list-style:none}.qname-guidance li{border-bottom:1px solid var(--qn-line);grid-template-columns:80px minmax(0,1fr);gap:25px;padding:30px 0;display:grid}.qname-guidance li>b{color:var(--qn-rust);font:400 25px Georgia,serif}.qname-guidance h3{margin:0 0 9px;font:400 28px Georgia,serif}.qname-guidance li p{color:#675e51;max-width:850px;margin:0;font:18px/1.55 Georgia,serif}.qname-source-note{background:var(--qn-ink);color:#eee3d0;grid-template-columns:160px minmax(0,1fr);gap:30px;display:grid}.qname-source-note>p{color:#d1c5b2;margin:0;font:19px/1.6 Georgia,serif}.qname-source-note nav{flex-wrap:wrap;grid-column:2;gap:10px;margin-top:10px;display:flex}.qname-source-note nav a{color:#f0e5d2;letter-spacing:.08em;border:1px solid #665c4d;padding:14px 16px;font:700 10px Arial,sans-serif}.qname-source-note nav a:hover{border-color:var(--qn-gold);color:var(--qn-gold)}@media (max-width:950px){.qname-hero{grid-template-columns:1fr;min-height:0}.qname-hero aside{border-top:1px solid #554a3e;border-left:0;margin:0;padding:40px 24px}.qname-method>div{grid-template-columns:1fr 1fr}.qname-method article:nth-child(2){border-right:0}.qname-controls{grid-template-columns:1fr;position:relative}.qname-results{grid-template-columns:1fr 1fr}.qname-results>a:nth-child(3n){border-right:1px solid var(--qn-line)}.qname-results>a:nth-child(2n){border-right:0}.qname-words>div{grid-template-columns:1fr 1fr}}@media (max-width:620px){.qname-hero>div{padding:52px 24px}.qname-hero a{margin-bottom:38px}.qname-hero h1{font-size:clamp(54px,18vw,78px)}.qname-method>div,.qname-results,.qname-words>div{grid-template-columns:1fr}.qname-method article,.qname-results>a,.qname-results>a:nth-child(3n){border-right:0;min-height:0}.qname-source-note{grid-template-columns:1fr}.qname-source-note nav{grid-column:1}.qname-guidance li{grid-template-columns:48px 1fr}.qname-controls>div{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.qname-controls button{white-space:nowrap}}