.th-shell{--th-green:var(--primary-green,#008b57);--th-dark:var(--primary-green-dark,#006f45);--th-soft:var(--green-bg,#edf8f3);--th-line:#dbe7e1;--th-text:#1f2b27;--th-muted:#718079;display:grid;gap:22px;color:var(--th-text)}
.th-shell *{box-sizing:border-box}.th-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--th-muted);font-size:.88rem}.th-breadcrumb a{color:var(--th-green)}.th-breadcrumb i{font-size:.72rem}
.th-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.6fr);align-items:center;min-height:360px;padding:46px;border:1px solid var(--th-line);border-radius:28px;background:radial-gradient(circle at 14% 0,rgba(0,139,87,.12),transparent 38%),linear-gradient(135deg,#fff,#f2faf6)}
.th-hero:after{content:"";position:absolute;left:-90px;bottom:-130px;width:280px;height:280px;border:50px solid rgba(0,139,87,.045);border-radius:50%}.th-hero-copy{position:relative;z-index:2;max-width:720px}.th-eyebrow,.th-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--th-green);font-weight:800;font-size:.9rem}.th-hero h1{margin:12px 0 10px;font-size:clamp(2rem,4.1vw,3.35rem);line-height:1.35;font-weight:800}.th-hero p{margin:0 0 24px;color:var(--th-muted);font-size:1.08rem;line-height:1.8}
.th-search{height:62px;display:flex;align-items:center;gap:12px;padding:7px 15px 7px 7px;border:1px solid #cfdfd7;border-radius:16px;background:#fff;box-shadow:0 14px 35px rgba(30,72,54,.08)}.th-search>i{color:var(--th-green);font-size:1.2rem}.th-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:inherit}.th-search button{align-self:stretch;padding:0 27px;border:0;border-radius:11px;background:var(--th-green);color:#fff;font-weight:800}.th-hero-actions{display:flex;gap:10px;margin-top:16px}.th-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 19px;border:1px solid var(--th-line);border-radius:12px;text-decoration:none!important;font-weight:800}.th-btn-primary{border-color:var(--th-green);background:var(--th-green);color:#fff!important}.th-btn-quiet{background:#fff;color:var(--th-dark)!important}
.th-hero-visual{position:relative;z-index:1;height:250px;display:grid;place-items:center}.th-visual-main{width:124px;height:124px;display:grid;place-items:center;border-radius:36px;background:linear-gradient(145deg,var(--th-green),var(--th-dark));color:#fff;font-size:3.3rem;box-shadow:0 22px 50px rgba(0,111,69,.22);transform:rotate(-5deg)}.th-orbit{position:absolute;width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--th-line);border-radius:18px;background:#fff;color:var(--th-green);box-shadow:0 12px 30px rgba(30,72,54,.1);font-size:1.45rem}.th-orbit-one{right:18px;top:22px}.th-orbit-two{left:15px;bottom:22px}.th-visual-dot{position:absolute;border-radius:50%;background:#94d7b9}.dot-one{width:12px;height:12px;left:30px;top:33px}.dot-two{width:8px;height:8px;right:32px;bottom:38px}
.th-preferences,.th-quick-tools,.th-resources,.th-latest{padding:28px;border:1px solid var(--th-line);border-radius:24px;background:#fff}.th-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.th-section-heading h2{margin:5px 0 0;font-size:1.45rem;font-weight:800}.th-section-heading p{margin:7px 0 0;color:var(--th-muted);font-size:.92rem}.th-heading-inline{align-items:end}.th-heading-inline>small,.th-total{color:var(--th-muted)}.th-total strong{color:var(--th-green);font-size:1.15rem}.th-reset{border:0;background:transparent;color:var(--th-green);font-weight:700}
.th-pref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}.th-pref-grid label{display:grid;gap:7px}.th-pref-grid label>span{font-size:.86rem;font-weight:800}.th-pref-grid select,.th-pref-grid input{width:100%;height:50px;padding:0 13px;border:1px solid var(--th-line);border-radius:12px;background:#f9fbfa;color:inherit;outline:none}.th-pref-grid select:focus,.th-pref-grid input:focus{border-color:var(--th-green);box-shadow:0 0 0 3px rgba(0,139,87,.09)}.th-pref-submit{height:50px;display:flex;align-items:center;gap:7px;padding:0 17px;border:0;border-radius:12px;background:var(--th-green);color:#fff;font-weight:800}.th-personal-summary{margin-top:15px;padding:13px 15px;display:flex;align-items:center;gap:12px;border-radius:13px;background:var(--th-soft);color:var(--th-dark)}.th-personal-summary>span{font-size:.84rem}.th-personal-summary strong{flex:1}.th-personal-summary a{color:var(--th-dark);font-weight:800;text-decoration:none}
.th-tools-grid,.th-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.th-tool,.th-group{position:relative;min-height:92px;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--th-line);border-radius:17px;color:inherit!important;text-decoration:none!important;transition:.2s ease}.th-tool:hover,.th-group:hover{border-color:#b6d4c6;transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,72,54,.07)}.th-tool-icon,.th-group-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--th-soft);color:var(--th-green);font-size:1.35rem}.th-tool>span:nth-child(2),.th-group-copy{min-width:0;display:grid;gap:4px}.th-tool strong,.th-group strong{font-size:1rem}.th-tool small,.th-group small{color:var(--th-muted);line-height:1.55}.th-arrow{margin-inline-start:auto;color:#8aa198}.th-group{min-height:126px;padding:19px}.th-group-icon{width:58px;height:58px;flex-basis:58px}.th-group-copy em{font-style:normal;color:var(--th-green);font-size:.78rem;font-weight:800}
.th-latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.th-resource{display:flex;align-items:center;min-width:0;border:1px solid var(--th-line);border-radius:15px;background:#fbfcfc}.th-resource-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:12px;color:inherit!important;text-decoration:none!important}.th-resource-main>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.th-resource-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-resource-main small{color:var(--th-muted);font-size:.78rem}.th-resource-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:var(--th-soft);color:var(--th-green);font-size:1.15rem}.th-resource-main>i{font-size:.75rem;color:#8ca097}.th-save{width:42px;height:42px;margin-inline-end:8px;border:0;border-radius:11px;background:transparent;color:#7d9188}.th-save.is-saved{background:var(--th-soft);color:var(--th-green)}
.th-contribute{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:30px;border-radius:24px;background:linear-gradient(135deg,var(--th-dark),var(--th-green));color:#fff}.th-contribute .th-kicker{color:#bdebd5}.th-contribute h2{margin:5px 0;font-size:1.45rem}.th-contribute p{margin:0;color:rgba(255,255,255,.8)}.th-contribute-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:19px;background:rgba(255,255,255,.13);font-size:1.6rem}.th-contribute .th-btn{border-color:#fff;background:#fff;color:var(--th-dark)!important}
html[data-theme=dark] .th-shell{--th-line:#3b4742;--th-text:#edf5f1;--th-muted:#a8b6af}.dark-mode .th-shell{--th-line:#3b4742;--th-text:#edf5f1;--th-muted:#a8b6af}.dark-mode .th-hero,.dark-mode .th-preferences,.dark-mode .th-quick-tools,.dark-mode .th-resources,.dark-mode .th-latest{background:#252b28}.dark-mode .th-hero{background:radial-gradient(circle at 14% 0,rgba(0,139,87,.18),transparent 38%),#252b28}.dark-mode .th-search,.dark-mode .th-btn-quiet,.dark-mode .th-orbit{background:#303733}.dark-mode .th-pref-grid select,.dark-mode .th-pref-grid input,.dark-mode .th-resource{background:#29302c}
html[data-theme="dark"] .th-hero,
html[data-theme="dark"] .th-preferences,
html[data-theme="dark"] .th-quick-tools,
html[data-theme="dark"] .th-resources,
html[data-theme="dark"] .th-latest{background:#25272d!important;border-color:#3a3e47;color:#e6e9ee}
html[data-theme="dark"] .th-hero{background:radial-gradient(circle at 14% 0,rgba(0,139,87,.18),transparent 38%),#25272d!important}
html[data-theme="dark"] .th-hero h1,
html[data-theme="dark"] .th-section-heading h2,
html[data-theme="dark"] .th-tool strong,
html[data-theme="dark"] .th-group strong,
html[data-theme="dark"] .th-resource-main strong,
html[data-theme="dark"] .th-contribute h2{color:#f1f3f6!important}
html[data-theme="dark"] .th-hero p,
html[data-theme="dark"] .th-section-heading p,
html[data-theme="dark"] .th-tool small,
html[data-theme="dark"] .th-group small,
html[data-theme="dark"] .th-resource-main small{color:#aeb6c3!important}
html[data-theme="dark"] .th-search,
html[data-theme="dark"] .th-btn-quiet,
html[data-theme="dark"] .th-orbit,
html[data-theme="dark"] .th-tool,
html[data-theme="dark"] .th-group,
html[data-theme="dark"] .th-resource{background:#2b2e35!important;border-color:#3a3e47!important;color:#e6e9ee!important}
html[data-theme="dark"] .th-search input{color:#e6e9ee!important}
html[data-theme="dark"] .th-search input::placeholder{color:#9ca6b4!important;opacity:1}
html[data-theme="dark"] .th-pref-grid select,
html[data-theme="dark"] .th-pref-grid input{background:#2b2e35!important;border-color:#454a54!important;color:#e6e9ee!important}
html[data-theme="dark"] .th-pref-grid input::placeholder{color:#9ca6b4!important}
html[data-theme="dark"] .th-pref-grid select:disabled{color:#7f8997!important;opacity:1}
html[data-theme="dark"] .th-tool-icon,
html[data-theme="dark"] .th-group-icon,
html[data-theme="dark"] .th-resource-icon,
html[data-theme="dark"] .th-save.is-saved{background:#243b33!important;color:#62d6a1!important}
html[data-theme="dark"] .th-personal-summary{background:#243b33!important;color:#b8ead3!important}
html[data-theme="dark"] .th-breadcrumb,
html[data-theme="dark"] .th-total{color:#aeb6c3!important}
@media(max-width:900px){.th-hero{grid-template-columns:1fr;padding:34px}.th-hero-visual{display:none}.th-pref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.th-pref-submit{justify-content:center}.th-latest-list{grid-template-columns:1fr}}
@media(max-width:600px){.th-shell{gap:14px}.th-breadcrumb{padding-inline:3px}.th-hero{min-height:0;padding:24px 18px;border-radius:21px}.th-hero h1{font-size:1.75rem}.th-hero p{font-size:.92rem;margin-bottom:18px}.th-search{height:55px;padding-inline:12px 6px}.th-search button{padding-inline:18px}.th-hero-actions{display:grid;grid-template-columns:1fr 1fr}.th-btn{padding-inline:10px;font-size:.87rem}.th-preferences,.th-quick-tools,.th-resources,.th-latest{padding:19px 15px;border-radius:20px}.th-section-heading{margin-bottom:15px}.th-section-heading h2{font-size:1.2rem}.th-section-heading p{font-size:.8rem}.th-pref-grid,.th-tools-grid,.th-group-grid{grid-template-columns:1fr}.th-pref-grid{gap:10px}.th-pref-submit{width:100%}.th-personal-summary{align-items:flex-start;flex-wrap:wrap}.th-personal-summary strong{flex-basis:100%}.th-tool{min-height:76px;padding:12px}.th-tool-icon{width:46px;height:46px;flex-basis:46px}.th-group{min-height:96px;padding:14px}.th-group-icon{width:50px;height:50px;flex-basis:50px}.th-group small{display:none}.th-contribute{grid-template-columns:auto 1fr;padding:21px 17px;gap:13px;border-radius:20px}.th-contribute-icon{width:52px;height:52px}.th-contribute h2{font-size:1.14rem}.th-contribute p{font-size:.82rem}.th-contribute .th-btn{grid-column:1/-1;width:100%}.th-heading-inline>small{display:none}.th-total{font-size:.78rem}.th-resource-main{padding:10px}.th-resource-main strong{font-size:.9rem}}

/* v20: نسخة أكثر إحكامًا؛ جميع المسافات والأحجام أصغر دون تغيير الهوية. */
.th-shell{gap:16px}.th-hero{min-height:280px;padding:30px 34px;border-radius:22px}.th-hero h1{font-size:clamp(1.75rem,3.2vw,2.65rem);margin-top:8px}.th-hero p{font-size:.98rem;margin-bottom:17px}.th-hero-visual{height:190px}.th-visual-main{width:96px;height:96px;border-radius:27px;font-size:2.55rem}.th-orbit{width:46px;height:46px;border-radius:14px;font-size:1.1rem}.th-search{height:54px;border-radius:14px}.th-search button{padding-inline:22px}.th-hero-actions{margin-top:11px}.th-btn{min-height:42px;padding:8px 16px}.th-preferences,.th-quick-tools,.th-resources,.th-latest{padding:21px;border-radius:20px}.th-section-heading{margin-bottom:15px}.th-section-heading h2{font-size:1.28rem}.th-pref-grid select,.th-pref-grid input,.th-pref-submit{height:45px}.th-tool{min-height:78px;padding:12px 14px}.th-tool-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}.th-group{min-height:102px;padding:15px}.th-group-icon{width:50px;height:50px;flex-basis:50px}.th-contribute{padding:22px 25px;border-radius:20px}.th-contribute-icon{width:54px;height:54px;border-radius:16px}
@media(max-width:600px){
  .site-container:has(.th-shell){padding-inline:10px!important;padding-top:14px!important}
  .th-shell{gap:10px}.th-breadcrumb{font-size:.75rem}
  .th-hero{padding:16px 14px;border-radius:17px}.th-eyebrow,.th-kicker{font-size:.74rem}
  .th-hero h1{font-size:1.38rem;line-height:1.45;margin:7px 0 5px}.th-hero p{font-size:.79rem;line-height:1.65;margin-bottom:11px}
  .th-search{height:46px;gap:7px;padding:5px 10px 5px 5px;border-radius:12px}.th-search input{font-size:.78rem}.th-search button{padding-inline:13px;border-radius:9px;font-size:.78rem}
  .th-hero-actions{gap:7px;margin-top:8px}.th-btn{min-height:38px;padding:6px 8px;border-radius:10px;font-size:.77rem}
  .th-preferences,.th-quick-tools,.th-resources,.th-latest{padding:14px 12px;border-radius:16px}.th-section-heading{margin-bottom:10px}.th-section-heading h2{font-size:1.02rem;margin-top:2px}.th-section-heading p{font-size:.72rem;line-height:1.55;margin-top:4px}
  .th-pref-grid{gap:7px}.th-pref-grid label{gap:4px}.th-pref-grid label>span{font-size:.73rem}.th-pref-grid select,.th-pref-grid input,.th-pref-submit{height:41px;border-radius:10px;font-size:.78rem}
  .th-personal-summary{margin-top:9px;padding:9px 10px;font-size:.74rem}
  .th-tools-grid,.th-group-grid{gap:7px}.th-tool{min-height:63px;padding:9px;border-radius:13px;gap:9px}.th-tool-icon{width:39px;height:39px;flex-basis:39px;border-radius:11px;font-size:1rem}.th-tool strong,.th-group strong{font-size:.84rem}.th-tool small{font-size:.7rem}
  .th-group{min-height:70px;padding:10px;border-radius:13px;gap:9px}.th-group-icon{width:41px;height:41px;flex-basis:41px;border-radius:11px;font-size:1rem}.th-group-copy{gap:1px}.th-group-copy em{font-size:.67rem}
  .th-latest-list{gap:7px}.th-resource{border-radius:12px}.th-resource-main{padding:8px;gap:8px}.th-resource-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px;font-size:.95rem}.th-resource-main strong{font-size:.79rem}.th-resource-main small{font-size:.68rem}.th-save{width:34px;height:34px;margin-inline-end:4px}
  .th-contribute{padding:14px 12px;gap:9px;border-radius:16px}.th-contribute-icon{width:42px;height:42px;border-radius:12px;font-size:1.1rem}.th-contribute h2{font-size:.94rem;margin:2px 0}.th-contribute p{font-size:.71rem;line-height:1.55}
}