.masail-guide{margin:0 0 58px;color:var(--ink)}
.masail-guide-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:3px 0 30px;border-bottom:1px solid var(--line)}
.masail-guide-intro h2{max-width:750px;margin:7px 0 10px;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.35}
.masail-guide-intro p{max-width:68ch;margin:0;color:var(--muted);line-height:1.8}
.masail-guide-count{display:grid;flex:none;place-items:center;width:120px;height:120px;border:1px solid #d7caa9;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8e9,#f3e9cc);color:#315d4d;text-align:center}
.masail-guide-count strong{align-self:end;font-size:2.1rem;line-height:1}
.masail-guide-count span{align-self:start;font-size:.77rem;font-weight:700}
.masail-popular{margin:30px 0 39px}
.masail-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}
.masail-section-head h3{margin:4px 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}
.masail-section-head>span{color:var(--muted);font-size:.82rem;font-weight:700}
.masail-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.masail-popular-grid a{display:flex;flex-direction:column;min-height:125px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:transform .18s,border-color .18s,box-shadow .18s}
.masail-popular-grid a:hover{transform:translateY(-3px);border-color:#bdab76;box-shadow:0 12px 25px #0b312014}
.masail-popular-grid a span:first-child{font-size:.72rem;font-weight:800;color:var(--gold);letter-spacing:.07em}
.masail-popular-grid a strong{margin:10px 0 auto;font-size:1rem;line-height:1.5}
.masail-popular-grid a span:last-child{align-self:end;color:var(--forest-2)}
.masail-toolbox{padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 10px 30px #173d2b08}
.masail-toolbox>label{display:block;margin:0 0 8px;font-size:1.05rem;font-weight:800}
.masail-search-row{display:flex;align-items:center;max-width:740px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--muted)}
.masail-search-row:focus-within{outline:2px solid #c4aa67;outline-offset:2px}
.masail-search-row>span{padding-inline-start:14px;font-size:1.7rem;line-height:1}
.masail-search-row input{width:100%;min-width:0;min-height:46px;padding:9px 11px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}
.masail-search-row button{flex:none;margin-inline-end:7px;padding:6px 10px;border:0;border-radius:7px;background:#e7ede6;color:#275245;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.masail-filters{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 10px}
.masail-filters button{padding:8px 12px;border:1px solid var(--line);border-radius:100px;background:var(--paper);color:var(--ink);font:inherit;font-size:.83rem;font-weight:700;cursor:pointer}
.masail-filters button[aria-pressed=true]{border-color:var(--forest);background:var(--forest);color:#fff}
.masail-results{margin:0;color:var(--muted);font-size:.82rem}
.masail-question-group{margin:35px 0}
.masail-question-group .masail-section-head{border-bottom:1px solid var(--line);padding-bottom:13px}
.masail-question-group .masail-section-head h3>span{color:var(--gold)}
.masail-answers{display:grid;gap:8px}
.masail-answer{scroll-margin-top:100px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.masail-answer[open]{border-color:#bdb28e;box-shadow:0 9px 26px #153a2910}
.masail-answer summary{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 18px;list-style:none;cursor:pointer;font-weight:800;line-height:1.55}
.masail-answer summary::-webkit-details-marker{display:none}
.masail-answer summary:hover{background:#d4c99e12}
.masail-answer-number{flex:none;color:var(--gold);font-size:.77rem;letter-spacing:.06em}
.masail-answer-plus{display:grid;place-items:center;flex:none;width:27px;height:27px;margin-inline-start:auto;border-radius:50%;background:#e8eee8;color:var(--forest-2);font-size:1.1rem;line-height:1}
.masail-answer[open] .masail-answer-plus{transform:rotate(45deg)}
.masail-answer-body{padding:0 20px 18px 53px}
.masail-answer-body p{max-width:82ch;margin:0 0 15px;color:var(--muted);line-height:1.85}
.masail-answer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.masail-answer-links>span{font-size:.75rem;font-weight:800;color:var(--muted)}
.masail-answer-links a{padding:6px 10px;border:1px solid var(--line);border-radius:7px;color:var(--forest-2);font-size:.78rem;font-weight:800}
.masail-answer-links a:hover{border-color:var(--gold);text-decoration:underline}
.masail-answer-links .masail-more{background:#e9f1e9;border-color:#d3e2d3}
.masail-context{display:flex;gap:17px;margin:34px 0 0;padding:22px;border:1px solid #d4c69d;border-radius:14px;background:linear-gradient(120deg,#f7f2e3,#faf9f3)}
.masail-context>span{font-size:1.7rem;color:#7f713d}
.masail-context strong{color:#315645}
.masail-context p{margin:6px 0 0;color:#526358;line-height:1.75}
.masail-reviewed-heading{margin:45px 0 0;padding-top:27px;border-top:1px solid var(--line)}
.masail-reviewed-heading h2{margin:5px 0 5px;font-size:1.65rem}
.masail-reviewed-heading p{margin:0;color:var(--muted)}
.masail-no-results{padding:25px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
html[data-theme=dark] .masail-guide-count,html[data-theme=dark] .masail-context{background:var(--soft);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .masail-context strong,html[data-theme=dark] .masail-context p{color:var(--ink)}
@media(max-width:850px){.masail-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.masail-guide-intro{align-items:start}.masail-guide-count{width:75px;height:75px}.masail-guide-count strong{font-size:1.35rem}.masail-guide-count span{font-size:.57rem}.masail-popular-grid{gap:8px}.masail-popular-grid a{min-height:115px;padding:13px}.masail-toolbox{padding:17px}.masail-answer summary{gap:10px;padding:11px 13px}.masail-answer-body{padding:0 14px 16px}.masail-context{padding:18px}}