{"id":14,"date":"2026-08-06T22:07:46","date_gmt":"2026-08-06T22:07:46","guid":{"rendered":"https:\/\/enbooks.effedore.com\/?page_id=14"},"modified":"2026-08-07T03:25:22","modified_gmt":"2026-08-07T03:25:22","slug":"start","status":"publish","type":"page","link":"https:\/\/enbooks.effedore.com\/","title":{"rendered":"start"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   ENBOOK.EFFEDORE.COM \u2014 THE HELM AND THE LENS\n   Homepage WordPress \u2014 single editable block\n   ========================================================= *\/\n\nbody:has(.effedore-app),html:has(.effedore-app){background:#14161a!important}\n.effedore-app{background:#14161a!important;color:#e9e6df!important;display:block}\n.wp-block-html:has(.effedore-app),.entry-content:has(.effedore-app),.ast-container:has(.effedore-app),\n.site-content:has(.effedore-app),.ast-article-single:has(.effedore-app),main:has(.effedore-app),\n#content:has(.effedore-app),#primary:has(.effedore-app){background:#14161a!important;max-width:none!important;margin:0!important;padding:0!important}\n.effedore-app h1,.effedore-app h2,.effedore-app h3,.effedore-app h4{color:#e9e6df!important}\n.effedore-app .duo-card h3,.effedore-app .door h3,.effedore-app .rule-in h4{color:#e9e6df!important}\n.effedore-app .man,.effedore-app .duo-card p,.effedore-app .door .theme,.effedore-app .rule-in p{color:#cfccc4!important}\n.effedore-app a{color:inherit!important}\n.effedore-app .btn.gold,.effedore-app .btn.gold *{color:#1a1206!important}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');\n\n.entry-content,.ast-container,.site-content,.ast-article-single,.ast-article-post{margin:0!important;padding:0!important;max-width:none!important;background:transparent!important}\n.entry-content>.wp-block-html{margin:0!important}\n.effedore-app{margin:0}\n\n:root{\n  --ground:#14161a; --panel:#1a1d22; --panel2:#20242b; --raise:#262b33;\n  --line:#2c313a; --line-soft:#23272e;\n  --gold:#c6a15b; --gold-bright:#e0c07e; --gold-dim:#7d6a3e;\n  --bordeaux:#8a2a34; --bordeaux-soft:#5f2027;\n  --granite:#9aa0a6; --paper:#e9e6df; --paper-dim:#a9a69f;\n  --prep:#6b7078;\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{margin:0;background:var(--ground);color:var(--paper);font-family:\"IBM Plex Sans\",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.6}\na{color:inherit;text-decoration:none}\n\n.shell{display:grid;grid-template-columns:322px 1fr;min-height:100vh}\n.rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#1b1e24,#15171b);border-right:1px solid var(--line);padding:30px 24px 40px}\n.rail::-webkit-scrollbar{width:8px}.rail::-webkit-scrollbar-thumb{background:#2c313a;border-radius:8px}\n.brand{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}\n.brand img{width:46px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}\n.brand .wm{font-family:\"IBM Plex Serif\",serif;font-weight:600;font-size:15px;line-height:1.25}\n.brand .wm span{display:block;font-family:\"IBM Plex Mono\",monospace;font-weight:400;font-size:9.5px;letter-spacing:2.1px;color:var(--gold);text-transform:uppercase;margin-top:5px}\n.nav-top{margin:20px 0 6px}\n.nav-top a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:3px;font-size:13px;color:var(--paper-dim)}\n.nav-top a.active{background:linear-gradient(90deg,rgba(198,161,91,.12),transparent);color:var(--gold-bright);position:relative}\n.nav-top a.active::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold)}\n.nav-top a:hover{color:var(--paper)}\n.reg-label{font-family:\"IBM Plex Mono\",monospace;font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--granite);margin:22px 2px 10px}\n.band{border-top:1px solid var(--line-soft)}.band:last-child{border-bottom:1px solid var(--line-soft)}\n.band-head{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;cursor:pointer;color:var(--paper);text-align:left;padding:12px 2px;font-family:inherit}\n.band-no{font-family:\"IBM Plex Mono\",monospace;font-size:11px;color:var(--gold);width:20px;flex:none}\n.band-title{flex:1;font-size:12.5px;font-weight:400;line-height:1.3}\n.band-title b{font-weight:500}\n.band-title em{display:block;font-style:normal;font-family:\"IBM Plex Mono\",monospace;font-size:9.5px;letter-spacing:.5px;color:var(--paper-dim);margin-top:2px}\n.chev{color:var(--granite);font-size:10px;transition:transform .25s;flex:none}\n.band.open .chev{transform:rotate(90deg)}\n.subs{max-height:0;overflow:hidden;transition:max-height .3s ease}\n.band.open .subs{max-height:260px}\n.sub{display:flex;align-items:center;gap:10px;padding:9px 2px 9px 30px;border-top:1px solid var(--line-soft)}\na.sub:hover{background:#20242b}\n.sub.disabled{opacity:.72;cursor:default}\n.sub .g{width:16px;height:16px;flex:none;opacity:.85}\n.sub .lbl{flex:1;font-size:12px}.sub .lbl b{font-weight:500}\n.sub .lbl span{font-family:\"IBM Plex Mono\",monospace;font-size:9px;letter-spacing:.5px;color:var(--granite);text-transform:uppercase;display:block;margin-top:1px}\n.stamp{font-family:\"IBM Plex Mono\",monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border:1px solid var(--gold-dim);color:var(--gold);border-radius:2px;flex:none}\n.stamp.prep{border-color:#3a3f47;color:var(--prep)}\n.railtoggle{display:none}\n\n.main{min-width:0}\n.hero{position:relative;padding:0;border-bottom:1px solid var(--line);overflow:hidden}\n.hero::before{content:\"\";position:absolute;inset:0;background:\n radial-gradient(60% 80% at 82% 20%,rgba(138,42,52,.16),transparent 60%),\n radial-gradient(70% 90% at 15% 90%,rgba(198,161,91,.10),transparent 55%);pointer-events:none}\n.hero-inner{position:relative;max-width:1080px;padding:70px 56px 60px;display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:center}\n.eyebrow{font-family:\"IBM Plex Mono\",monospace;font-size:10.5px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold)}\n.hero h1{font-family:\"IBM Plex Serif\",serif;font-weight:600;font-size:52px;line-height:1.02;letter-spacing:-.6px;margin:16px 0 0}\n.hero .reihe{font-family:\"IBM Plex Mono\",monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--paper-dim);margin-top:14px}\n.motto{font-family:\"IBM Plex Serif\",serif;font-style:italic;font-size:20px;color:var(--gold-bright);line-height:1.4;margin:26px 0;padding-left:18px;border-left:2px solid var(--gold-dim)}\n.hero p.man{max-width:620px;color:var(--paper-dim);font-size:15px}\n.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}\n.btn{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;padding:11px 20px;border-radius:3px;font-weight:500;transition:.2s}\n.btn.gold{background:var(--gold);color:#1a1206}.btn.gold:hover{background:var(--gold-bright);transform:translateY(-1px)}\n.btn.ghost{border:1px solid var(--line);color:var(--paper)}.btn.ghost:hover{border-color:var(--gold-dim);color:var(--gold-bright)}\n.crest-wrap{display:flex;justify-content:center}\n.crest-wrap img{width:230px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}\n\n.duo-wrap{max-width:1080px;margin:0;padding:52px 56px 44px;display:grid;grid-template-columns:1fr 1fr;gap:34px}\n.duo-card{border:1px solid var(--line);border-radius:5px;padding:28px 26px;background:linear-gradient(180deg,#1b1f25,#171a1f)}\n.duo-card .dh{display:flex;align-items:center;gap:12px;margin-bottom:14px}\n.duo-card .dh svg{flex:none}\n.duo-card .dh .k{font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}\n.duo-card h3{font-family:\"IBM Plex Serif\",serif;font-weight:500;font-size:21px;margin:2px 0 0}\n.duo-card p{color:var(--paper-dim);font-size:14px;margin:12px 0 0}\n.duo-card .tag{display:inline-block;margin-top:16px;font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:1px;color:var(--granite);border-top:1px solid var(--line-soft);padding-top:12px;width:100%}\n\n.grid-sec{max-width:1080px;padding:20px 56px 60px}\n.grid-h{display:flex;align-items:baseline;gap:14px;margin:30px 0 22px}\n.grid-h .n{font-family:\"IBM Plex Mono\",monospace;font-size:11px;color:var(--gold)}\n.grid-h h2{font-family:\"IBM Plex Serif\",serif;font-weight:500;font-size:24px;margin:0}\n.grid-h .hint{margin-left:auto;font-family:\"IBM Plex Mono\",monospace;font-size:9px;letter-spacing:1px;color:var(--granite);text-transform:uppercase}\n.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.door{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:22px 22px 16px;display:flex;flex-direction:column;transition:.22s;position:relative;overflow:hidden;min-height:205px}\na.door:hover{border-color:var(--gold-dim);transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.4)}\n.door.live::after{content:\"\";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}\n.door .bno{font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}\n.door h3{font-family:\"IBM Plex Serif\",serif;font-weight:600;font-size:20px;margin:8px 0 2px;letter-spacing:-.2px}\n.door .theme{font-size:12.5px;color:var(--paper-dim);min-height:52px}\n.door .tomi{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:12px;display:flex;flex-direction:column;gap:8px}\n.tomo{display:flex;align-items:center;gap:9px;font-size:12px}\n.tomo svg{flex:none;opacity:.9}\n.tomo .tl{flex:1;color:var(--paper-dim)}\n.tomo .tl b{color:var(--paper);font-weight:500}\n.tomo.on .tl b{color:var(--gold-bright)}\n.mini{font-family:\"IBM Plex Mono\",monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dim);padding:2px 6px;border-radius:2px;flex:none}\n.mini.prep{color:var(--prep);border-color:#3a3f47}\n.door.prep{opacity:.82}.door.prep:hover{opacity:1}\n\n.content-sec{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(198,161,91,.025),transparent)}\n.content-inner{max-width:1080px;padding:48px 56px 58px}\n.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}\n.content-card{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:22px}\n.content-card .meta{font-family:\"IBM Plex Mono\",monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}\n.content-card h3{font-family:\"IBM Plex Serif\",serif;font-size:19px;font-weight:500;margin:0 0 8px}\n.content-card p{font-size:13px;color:var(--paper-dim);margin:0}\n.content-card a.more{display:inline-block;margin-top:14px;font-family:\"IBM Plex Mono\",monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-bright)!important}\n.empty-note{font-size:13px;color:var(--granite);border:1px dashed var(--line);padding:18px;border-radius:6px}\n\n.rule{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(198,161,91,.06),transparent)}\n.rule-in{max-width:1080px;padding:38px 56px;display:flex;gap:22px;align-items:flex-start}\n.rule-in svg{flex:none;margin-top:3px}\n.rule-in .k{font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}\n.rule-in h4{font-family:\"IBM Plex Serif\",serif;font-weight:500;font-size:19px;margin:0 0 8px}\n.rule-in p{margin:0;color:var(--paper-dim);font-size:14px;max-width:790px}\n\n.about{max-width:1080px;padding:44px 56px 30px;border-bottom:1px solid var(--line)}\n.about h2{font-family:\"IBM Plex Serif\",serif;font-size:24px;font-weight:500;margin:0 0 14px}\n.about p{max-width:850px;color:var(--paper-dim);font-size:14px}\n.contact-line{font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:1px;color:var(--gold);margin-top:16px}\n\nfooter{padding:30px 56px;display:flex;justify-content:space-between;align-items:center;font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--granite);flex-wrap:wrap;gap:12px}\nfooter a:hover{color:var(--gold)}\n\n@media (max-width:980px){\n .shell{grid-template-columns:1fr}\n .rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}\n .rail .reg-wrap,.rail .nav-top{display:none}\n .rail.open .reg-wrap,.rail.open .nav-top{display:block}\n .railtoggle{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--panel2);border:1px solid var(--line);color:var(--gold);font-family:\"IBM Plex Mono\",monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:9px 14px;border-radius:3px;cursor:pointer}\n .hero-inner{grid-template-columns:1fr;padding:44px 24px;gap:34px}\n .hero h1{font-size:38px}\n .crest-wrap{order:-1}.crest-wrap img{width:170px}\n .duo-wrap{grid-template-columns:1fr;padding:34px 24px}\n .grid-sec,.content-inner,.about{padding-left:24px;padding-right:24px}\n .doors,.content-grid{grid-template-columns:1fr}\n .rule-in{padding:30px 24px}\n footer{padding:26px 24px}\n .grid-h .hint{display:none}\n}\n@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}\n.reveal{opacity:0;transform:translateY(12px);animation:rise .6s ease forwards}\n@keyframes rise{to{opacity:1;transform:none}}\n<\/style>\n\n<div class=\"effedore-app effedore-home\">\n<div class=\"shell\">\n\n<aside class=\"rail\" id=\"rail\">\n  <div class=\"brand\">\n    <img decoding=\"async\" id=\"brand-logo\" src=\"\" alt=\"The Helm and the Lens\">\n    <div class=\"wm\"><span id=\"brand-title-main\" style=\"display:inline;font-family:inherit;font-size:15px;letter-spacing:0;color:inherit;text-transform:none;margin:0\"><\/span><span id=\"brand-subtitle\"><\/span><\/div>\n  <\/div>\n  <button class=\"railtoggle\" onclick=\"document.getElementById('rail').classList.toggle('open')\">\u2630 Menu<\/button>\n\n  <nav class=\"nav-top\">\n    <a class=\"active\" href=\"#top\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M3 11l9-8 9 8M5 10v10h14V10\"\/><\/svg>\n      Overview\n    <\/a>\n    <a href=\"#series\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 5h16v14H4zM8 3v4M16 3v4\"\/><\/svg>\n      The Series\n    <\/a>\n    <a href=\"#resources\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 4h12l4 4v12H4z\"\/><path d=\"M16 4v4h4\"\/><\/svg>\n      Resources\n    <\/a>\n    <a href=\"#about\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21v-1a8 8 0 0116 0v1\"\/><\/svg>\n      About\n    <\/a>\n    <a href=\"#contact\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 5h16v14H4zM4 6l8 6 8-6\"\/><\/svg>\n      Contact\n    <\/a>\n  <\/nav>\n\n  <div class=\"reg-wrap\">\n    <div class=\"reg-label\">Series Catalogue<\/div>\n    <div id=\"rail-catalogue\"><\/div>\n  <\/div>\n<\/aside>\n\n<main class=\"main\" id=\"top\">\n\n<section class=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"reveal\">\n      <div class=\"eyebrow\" id=\"hero-eyebrow\"><\/div>\n      <h1>The Helm<br>and the Lens<\/h1>\n      <div class=\"reihe\" id=\"hero-byline\"><\/div>\n      <div class=\"motto\">The Helm keeps the direction.<br>The Lens keeps the accuracy.<\/div>\n      <p class=\"man\" id=\"hero-manifesto\"><\/p>\n      <div class=\"hero-actions\">\n        <a class=\"btn gold\" href=\"#series\">Explore the series\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n        <a class=\"btn ghost\" href=\"#resources\">Resources &#038; updates<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"crest-wrap reveal\"><img decoding=\"async\" id=\"hero-logo\" src=\"\" alt=\"The Helm and the Lens emblem\"><\/div>\n  <\/div>\n<\/section>\n\n<div class=\"duo-wrap\">\n  <div class=\"duo-card\">\n    <div class=\"dh\">\n      <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c6a15b\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4M6 6l3 3M18 6l-3 3M6 18l3-3M18 18l-3-3\"\/><\/svg>\n      <div><div class=\"k\">The Helm \u00b7 Volume \u201ca\u201d<\/div><h3>The management perspective<\/h3><\/div>\n    <\/div>\n    <p>The first volume in each pair looks at the system from the side of those who must lead, build and operate it: context, strategy, leadership, planning, resources and implementation.<\/p>\n    <span class=\"tag\">Context \u00b7 Leadership \u00b7 Strategy \u00b7 Implementation<\/span>\n  <\/div>\n\n  <div class=\"duo-card\">\n    <div class=\"dh\">\n      <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c6a15b\" stroke-width=\"1.4\"><circle cx=\"10\" cy=\"10\" r=\"6\"\/><path d=\"M14.5 14.5L20 20\"\/><\/svg>\n      <div><div class=\"k\">The Lens \u00b7 Volume \u201cb\u201d<\/div><h3>The auditor&#8217;s perspective<\/h3><\/div>\n    <\/div>\n    <p>The second volume turns the system around and examines it through the auditor&#8217;s lens: evidence, internal and external audits, certification, findings and the discipline of verification.<\/p>\n    <span class=\"tag\">Audit \u00b7 Evidence \u00b7 Verification \u00b7 Certification<\/span>\n  <\/div>\n<\/div>\n\n<section class=\"grid-sec\" id=\"series\">\n  <div class=\"grid-h\"><span class=\"n\">\u00a7<\/span><h2>Management systems in the series<\/h2><span class=\"hint\">Generated automatically from the catalogue<\/span><\/div>\n  <div class=\"doors\" id=\"book-grid\"><\/div>\n<\/section>\n\n<section class=\"content-sec\" id=\"resources\">\n  <div class=\"content-inner\">\n    <div class=\"grid-h\"><span class=\"n\">+<\/span><h2>Resources &#038; updates<\/h2><span class=\"hint\">Add items only in the editable data area<\/span><\/div>\n    <div class=\"content-grid\" id=\"resource-grid\"><\/div>\n  <\/div>\n<\/section>\n\n<div class=\"rule\">\n  <div class=\"rule-in\">\n    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c6a15b\" stroke-width=\"1.4\"><path d=\"M12 3l7 4v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V7z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n    <div>\n      <div class=\"k\">Editorial rule<\/div>\n      <h4>An instrument, not a speculation.<\/h4>\n      <p>The online space accompanies the printed volumes. Corrections, supplementary material, practical tools and substantive standards updates can be added here without forcing the book itself to pretend that a management system is static.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section class=\"about\" id=\"about\">\n  <h2>About the series<\/h2>\n  <p id=\"about-text\"><\/p>\n  <div class=\"contact-line\" id=\"contact\">Edizioni Effedore \u00b7 <span id=\"site-domain\"><\/span> \u00b7 <a id=\"contact-mail\" href=\"\"><\/a><\/div>\n<\/section>\n\n<footer>\n  <div>Edizioni Effedore \u00b7 <span id=\"footer-domain\"><\/span><\/div>\n  <div><a href=\"#series\">Series<\/a> &nbsp;\u00b7&nbsp; <a href=\"#resources\">Resources<\/a> &nbsp;\u00b7&nbsp; <a href=\"#contact\">Contact<\/a><\/div>\n<\/footer>\n\n<\/main>\n<\/div>\n<\/div>\n\n<script>\n\/* =========================================================\n   =========================================================\n   >>>>>>>>>   AREA YOU MAY EDIT SAFELY   <<<<<<<<<<\n   =========================================================\n   In ordinary use, change ONLY the data between this line\n   and the END OF EDITABLE AREA marker below.\n   ========================================================= *\/\n\nconst SITE = {\n  title: \"The Helm and the Lens\",\n  subtitle: \"Management Systems \u00b7 International Hospitality\",\n  domain: \"enbook.effedore.com\",\n  email: \"effedore@gmail.com\",\n\n  \/* For now the old emblem is used. Later you may replace ONLY this URL\n     with the English emblem uploaded to enbook.effedore.com *\/\n  logo: \"https:\/\/buecher.effedore.com\/wp-content\/uploads\/2026\/07\/stemma.png\",\n\n  eyebrow: \"Management Systems \u00b7 International Hospitality\",\n  byline: \"A series by Francesco Dore \u00b7 Edizioni Effedore\",\n\n  manifesto:\n    \"Technical books on management systems for the international hospitality industry \u2014 combining normative discipline with operational reality. The series follows the people who lead systems and the people who audit them, using practical situations from hotels and hospitality operations around the world.\",\n\n  about:\n    \"The Helm and the Lens is an international editorial series devoted to management systems in hospitality. Each subject is approached from two complementary sides: the management side, which gives direction to the system, and the audit side, which tests its evidence, coherence and effectiveness.\"\n};\n\n\n\/* ---------- BOOK CATALOGUE ----------\n   HOW TO ADD A NEW STANDARD:\n   Copy one complete {...} block, paste it before the final ];\n   and change the values.\n\n   status values:\n     \"available\"   = published \/ accessible\n     \"preparation\" = in preparation\n     \"planned\"     = planned\n\n   page:\n     Put the complete page address when it exists.\n     Leave page:\"\" if the page does not yet exist.\n*\/\n\nconst BOOKS = [\n  {\n    number: \"01\",\n    standard: \"ISO 14001\",\n    subject: \"Environmental Management\",\n    description: \"Environmental management through international hospitality scenarios: context, leadership, planning, operations, evaluation and continual improvement.\",\n    volumes: [\n      { code:\"1a\", side:\"Helm\", status:\"preparation\", page:\"\" },\n      { code:\"1b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"02\",\n    standard: \"ISO 9001\",\n    subject: \"Quality Management\",\n    description: \"Quality management from customer focus and process control to measurable performance and improvement.\",\n    volumes: [\n      { code:\"2a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"2b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"03\",\n    standard: \"ISO 45001\",\n    subject: \"Occupational Health &#038; Safety\",\n    description: \"Occupational health and safety management in hospitality: leadership, worker participation, risk control and evidence.\",\n    volumes: [\n      { code:\"3a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"3b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"04\",\n    standard: \"ISO 50001\",\n    subject: \"Energy Management\",\n    description: \"Energy performance, operational control, measurement and improvement in energy-intensive hospitality environments.\",\n    volumes: [\n      { code:\"4a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"4b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"05\",\n    standard: \"ISO 22000\",\n    subject: \"Food Safety Management\",\n    description: \"Food safety management across procurement, kitchens, service, communication, control measures and verification.\",\n    volumes: [\n      { code:\"5a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"5b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"06\",\n    standard: \"EMAS\",\n    subject: \"Environmental Management &#038; Audit\",\n    description: \"A complementary European environmental management and audit perspective for hospitality organisations operating within its scope.\",\n    volumes: [\n      { code:\"6a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"6b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"07\",\n    standard: \"ISO\/IEC 27001\",\n    subject: \"Information Security\",\n    description: \"Information security for hospitality operations: guest data, access, suppliers, systems, incidents and assurance.\",\n    volumes: [\n      { code:\"7a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"7b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"08\",\n    standard: \"ISO 20121\",\n    subject: \"Sustainable Events\",\n    description: \"Sustainability management for meetings, events and hospitality operations, from planning to performance evaluation.\",\n    volumes: [\n      { code:\"8a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"8b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  },\n\n  {\n    number: \"09\",\n    standard: \"ISO 14001\",\n    subject: \"Small Hospitality Properties\",\n    description: \"Environmental management adapted to smaller hotels, guesthouses, independent properties and resource-limited operations.\",\n    volumes: [\n      { code:\"9a\", side:\"Helm\", status:\"planned\", page:\"\" },\n      { code:\"9b\", side:\"Lens\", status:\"planned\", page:\"\" }\n    ]\n  }\n];\n\n\n\/* ---------- RESOURCES &#038; UPDATES ----------\n   Add anything you receive over time: PDF, errata, checklist,\n   supplementary chapter, standards note, download, etc.\n\n   type:     \"Resource\", \"Update\", \"Errata\", \"Download\", \"Note\" ...\n   title:    visible title\n   text:     short explanation\n   date:     optional, e.g. \"August 2026\"\n   link:     full address or relative page\/file address.\n             Leave \"\" if the item is not yet clickable.\n*\/\n\nconst RESOURCES = [\n  {\n    type: \"Series note\",\n    title: \"Online resources will grow with the books\",\n    text: \"Supplementary material, corrections and practical tools linked from the printed volumes will be collected here as they become available.\",\n    date: \"2026\",\n    link: \"\"\n  }\n];\n\n\/* =========================================================\n   >>>>>>>>>   END OF EDITABLE AREA   <<<<<<<<<<\n   Normally, do not change anything below this line.\n   ========================================================= *\/\n\n\nconst ICON_HELM = `\n<svg class=\"g\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\">\n <circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M12 3v4M12 17v4M3 12h4M17 12h4\"\/>\n<\/svg>`;\n\nconst ICON_LENS = `\n<svg class=\"g\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\">\n <circle cx=\"10\" cy=\"10\" r=\"6\"\/><path d=\"M14.5 14.5L20 20\"\/>\n<\/svg>`;\n\nfunction esc(s){\n  return String(s ?? \"\").replace(\/[&<>\"']\/g,m=>({\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",\"\\\"\":\"&quot;\",\"'\":\"&#039;\"}[m]));\n}\nfunction statusLabel(status){\n  if(status===\"available\") return \"available\";\n  if(status===\"preparation\") return \"in prep.\";\n  return \"planned\";\n}\nfunction statusClass(status){\n  return status===\"available\" ? \"\" : \"prep\";\n}\nfunction volumeIcon(side){\n  return side===\"Lens\" ? ICON_LENS : ICON_HELM;\n}\nfunction firstLivePage(book){\n  const v = book.volumes.find(x=>x.page && x.page.trim());\n  return v ? v.page : \"\";\n}\n\nfunction renderSite(){\n  document.getElementById(\"brand-logo\").src = SITE.logo;\n  document.getElementById(\"hero-logo\").src = SITE.logo;\n  document.getElementById(\"brand-title-main\").textContent = SITE.title;\n  document.getElementById(\"brand-subtitle\").textContent = SITE.subtitle;\n  document.getElementById(\"hero-eyebrow\").textContent = SITE.eyebrow;\n  document.getElementById(\"hero-byline\").textContent = SITE.byline;\n  document.getElementById(\"hero-manifesto\").textContent = SITE.manifesto;\n  document.getElementById(\"about-text\").textContent = SITE.about;\n  document.getElementById(\"site-domain\").textContent = SITE.domain;\n  document.getElementById(\"footer-domain\").textContent = SITE.domain;\n  const mail = document.getElementById(\"contact-mail\");\n  mail.textContent = SITE.email;\n  mail.href = \"mailto:\" + SITE.email;\n\n  renderRail();\n  renderGrid();\n  renderResources();\n}\n\nfunction renderRail(){\n  const root = document.getElementById(\"rail-catalogue\");\n  root.innerHTML = BOOKS.map((book,i)=>{\n    const subs = book.volumes.map(v=>{\n      const clickable = v.page && v.page.trim();\n      const tag = clickable ? \"a\" : \"div\";\n      const href = clickable ? ` href=\"${esc(v.page)}\"` : \"\";\n      return `\n        <${tag} class=\"sub ${clickable?\"\":\"disabled\"}\"${href}>\n          ${volumeIcon(v.side)}\n          <span class=\"lbl\"><b>Volume ${esc(v.code)}<\/b><span>${esc(v.side)}<\/span><\/span>\n          <span class=\"stamp ${statusClass(v.status)}\">${esc(statusLabel(v.status))}<\/span>\n        <\/${tag}>`;\n    }).join(\"\");\n\n    return `\n      <div class=\"band ${i===0?\"open\":\"\"}\">\n        <button class=\"band-head\" onclick=\"this.parentElement.classList.toggle('open')\">\n          <span class=\"band-no\">${esc(book.number)}<\/span>\n          <span class=\"band-title\"><b>${esc(book.standard)}<\/b><em>${esc(book.subject)}<\/em><\/span>\n          <span class=\"chev\">\u25b6<\/span>\n        <\/button>\n        <div class=\"subs\">${subs}<\/div>\n      <\/div>`;\n  }).join(\"\");\n}\n\nfunction renderGrid(){\n  const root = document.getElementById(\"book-grid\");\n  root.innerHTML = BOOKS.map(book=>{\n    const href = firstLivePage(book);\n    const anyAvailable = book.volumes.some(v=>v.status===\"available\");\n    const outerTag = href ? \"a\" : \"div\";\n    const hrefAttr = href ? ` href=\"${esc(href)}\"` : \"\";\n    const volumes = book.volumes.map(v=>`\n      <div class=\"tomo ${v.status===\"available\"?\"on\":\"\"}\">\n        ${volumeIcon(v.side)}\n        <span class=\"tl\"><b>${esc(v.code)}<\/b> \u00b7 ${esc(v.side)}<\/span>\n        <span class=\"mini ${statusClass(v.status)}\">${esc(statusLabel(v.status))}<\/span>\n      <\/div>`).join(\"\");\n\n    return `\n      <${outerTag} class=\"door ${anyAvailable?\"live\":\"prep\"}\"${hrefAttr}>\n        <div class=\"bno\">Series ${esc(book.number)}<\/div>\n        <h3>${esc(book.standard)}<\/h3>\n        <div class=\"theme\">${esc(book.description)}<\/div>\n        <div class=\"tomi\">${volumes}<\/div>\n      <\/${outerTag}>`;\n  }).join(\"\");\n}\n\nfunction renderResources(){\n  const root = document.getElementById(\"resource-grid\");\n  if(!RESOURCES.length){\n    root.innerHTML = `<div class=\"empty-note\">No resources have been published yet.<\/div>`;\n    return;\n  }\n  root.innerHTML = RESOURCES.map(item=>{\n    const link = item.link && item.link.trim()\n      ? `<a class=\"more\" href=\"${esc(item.link)}\">Open resource \u2192<\/a>`\n      : \"\";\n    const date = item.date ? ` \u00b7 ${esc(item.date)}` : \"\";\n    return `\n      <article class=\"content-card\">\n        <div class=\"meta\">${esc(item.type)}${date}<\/div>\n        <h3>${esc(item.title)}<\/h3>\n        <p>${esc(item.text)}<\/p>\n        ${link}\n      <\/article>`;\n  }).join(\"\");\n}\n\nrenderSite();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2630 Menu Overview The Series Resources About Contact Series Catalogue The Helmand the Lens The Helm keeps the direction.The Lens keeps the accuracy. Explore the series Resources &#038; updates The Helm \u00b7 Volume \u201ca\u201d The management perspective The first volume in each pair looks at the system from the side of those who must lead, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=\/wp\/v2\/media\/8"}],"wp:attachment":[{"href":"https:\/\/enbooks.effedore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}